CSS의 mediaQuery를 사용하여 뷰포트(viewport) 너비에 따라 CSS 속성 값을 변경해보자❗ 📌 mediaQuery란 무엇인가요? 미디어 쿼리(mediaQuery)는 단말기의 유형 (출력물 vs. 화면)과, 어떤 특성이나 수치 (화면 해상도, 뷰포트 너비 등)에 따라 웹 사이트나 앱의 스타일을 수정할 때 유용합니다. if 조건문과 비슷한 개념이라고 생각하면 이해하기 쉽습니다. ex) 뷰포트 너비가 62rem 이하이면 flex-direction을 row에서 column으로 바꿔줘~ @media 키워드로 시작하는 미디어 쿼리의 문법 구조 @media (조건) { 스타일 } 스타일 부분에는 일반적인 CSS 코드가 들어가는데, 조건 부분이 만족될 때는 스타일이 적용되고, 만족되지 않을 때는 스타일..