[CSS 수업] 7강 - 미디어 쿼리(반응형 웹 디자인) 안녕하세요! 그레이해커 월횽입니다. 반응형 웹 디자인은 모바일 기기부터 데스크톱 화면까지 다양한 디바이스에서 웹 페이지가 최적으로 표시되도록 하는 기술입니다. 이 기술은 사용자 경험을 향상시키고 검색 엔진 최적화(SEO)에도 긍정적인 영향을 줍니다. 이번 강의에서는 CSS 미디어 쿼리를 활용하여 반응형 웹 디자인을 구현하는 방법을 알아보겠습니다. CSS 미디어 쿼리란? 미디어 쿼리는 브라우저의 너비, 높이, 방향 등 조건에 따라 다른 CSS 스타일을 적용하는 기능입니다. 이를 활용하면 화면 크기에 따라 레이아웃과 폰트 크기 등을 다르게 지정할 수 있습니다. 미디어 쿼리 예제 1. 데스크톱 화면: @media..