🔥 오늘의 목표
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
📝 노트필기 및 정리
- 진도
1. 플렉스 레이아웃 설계
목표 화면..
...?
,.....?
내비를 따로, 메인을 묶어서 가로배치,
그 안에서..........?....
헤더가 따로 있고.. 아티클과 어사이드를 묶겠지?
그다음 푸터가 있을거고..
정답? 은
아티클과 어사이드, 푸터를 inner 로 묶는다.
그리고 아티클과 푸터를 섹션으로 묶음.
처음에 전혀 감을 못 잡았던 것 치고는 빠르게 완성!!
이런 식으로 height: calc(100vh - 200px); 를 주면
화면에 스크롤 없이 꽉 채우기도 가능.
💭 느낀점
-
오늘 한 일은 무엇인가요?
-
중요한 것/기억해야 하는 것은 무엇인가요?
하나의 html 안에서
nav랑main은 하나씩만 쓴다!
(암묵적인 약속임)
- 내일 할 일은 무엇인가요?
🦜🦜🚗🏍 🚲🌳🌈🎀