• 반응형 웹 디자인을 구현하는 방법은 무엇인가요?

  미디어 쿼리, 뷰포트 단위, 유동 레이아웃의 차이점과 사용 예를 설명해주세요.

• CSS에서 z-index는 어떻게 작동하나요?

  스택 컨텍스트와 함께 z-index의 작동 방식과 의도한 레이어링을 구현하기 위한 팁을 설명해주세요.

• CSS에서 position 속성의 종류와 차이점은 무엇인가요?

  static, relative, absolute, fixed, sticky의 동작 방식과 사용 예를 설명해주세요.

• Flexbox와 Grid의 차이점은 무엇인가요?

  Flexbox와 CSS Grid의 레이아웃 구성 방식과 사용 사례를 비교해주세요.

• CSS Box Model이란 무엇인가요?

  콘텐츠, 패딩, 보더, 마진의 구성 요소와 각각의 역할을 설명해주세요.

• HTML5에서 시맨틱 태그의 역할은 무엇인가요?

  <header>, <section>, <article> 등의 시맨틱 태그가 웹 접근성과 SEO에 어떻게 기여하는지 설명해주세요.