수정/실습1 HTML + CSS로 간단한 홈페이지 만들기 실습 flex까지 배운 상태에서 정말 간단한 홈페이지를 만드는 실습을 해봤다. 실습을 계속해서 하고 있기는 하지만, 역시 지식으로 아는 것과 직접 하는 것은 엄청난 차이가 있다는 것을 새삼 실감한다. HTML 시맨틱 태그로 홈페이지 내용을 작성함메뉴(nav)의 경우 태그 사용 및 display: inline-block; 을 사용함header와 footer의 경우에는 배치를 하기 위해서 display: flex; 적용함main에 display: flex;를 사용하여 section과 aside를 배치함 nav의 경우 display: sticky;를 주어서 밑으로 스크롤을 해도 계속해서 상단에 유지될 수 있도록 함 미디어쿼리를 이용해서 max-width가 760px일 때 main 부분의 flex-direction.. 2024. 7. 13. 이전 1 다음