안녕하세요!2025년 6월 16일, UI·UX 반응형 웹퍼블리셔 국비 지원 수업 15 일차 내용을 정리해보았습니다.오늘은 @media 개념과 flex 반응형 메뉴 정리를 배웠습니다. --- 15차 학습내용 33강## @media: 디바이스(기기)의 조건에 따라 CSS스타일을 다르게 적용할 수 있게 해주는 기능: 보통 CSS 파일 제일 아래에 둔다.: 순서대로 적용되니까, 나중에 나올수록 우선순위가 높아진다. 예를 들어화면이 작은 스마트폰이면 글자 크기 작게화면이 큰 데스크탑이면 넓은 레이아웃 사용이런 식으로 조건을 설정할 수 있다. /* 기본 문법 */@media (조건) { /* 조건을 만족할 때 적용할 CSS */} --- #예제1- 화면이 600px 이하일 때 배경색 바꾸기body { backg..