3. 드롭다운을 삽입하고, 버튼 부분의 사이즈를 조절, 그리고 뷰포트 기준으로 아이템들이 줄어들다가 800px 이하에서 header, main, ad-area가 사라지게 함.
HTML 맞춤 좌탁,식탁,테이블 책상 책장,책꽂이 수납장,서랍장 의자,벤치 침대 캠핑용 기타 견적 의뢰서 의뢰자 정보 원하는 스타일 제작수준 마감방법 원하는 금액대 원하는 마감일 디자인 설명 목록 바닥글 copywrite ad1 ad2 ad3 ad4 CSS /* 모든 구역의 가로 사이즈를 뷰포트 대비 75%로 설정합니다. */ /* .header, main, article, footer 모두 75vw 너비를 가지도록 스타일을 적용합니다. */ .header, main, article, footer { width: 75vw; } .header { display: flex; /* 아이템들을 가로로 배열합니다. */ justify-content: space-between; /* 아이템들 사이의 간격을 최대로 ..
2023. 7. 24.
