
웹사이트를 만들다 보면 화면 크기에 따라 메뉴 구조를 바꿔야 할 때가 있습니다.예를 들어, PC 화면에서는 가로로 펼쳐진 메뉴를 보여주고모바일 화면에서는 햄버거 버튼을 눌러야 메뉴가 펼쳐지도록 만드는 방식이죠.이번 포스팅에서는 HTML과 CSS만으로간단한 반응형 네비게이션을 만드는 방법을 알아보겠습니다.✅ 기본 구조 설계 (HTML) MySite 홈 소개 서비스 문의 ☰ ✅ 기본 스타일링 (CSS).nav { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background: #333; color: white;}.menu { display: flex..