🔥 오늘의 목표

• h+c+j 실전퍼블리싱 강의 진도 및 복습

---

📝 노트필기 및 정리

- 진도
1. 플렉스 그리드

그리드를 이런식으로 만들기 가능! (12개 이상도 되긴 함~)

했던것들의 계속 반복이지만 어쨌든~~~
flex-direction: row (첫짤)는 만드는데 큰 문제가 없음.
문제는 세로배치인데,

먼저 .container에 display: flex를 줘야 함(parent의 부모요소니까)
+ flex-direction: row 를 주는 것이 핵심!
그래야 옆으로 나열된다.

---

- 진도
2. 플렉스 레이아웃 설계(2)

빨간색이 컨테이너,
파란색이 내비+메인
초록색이 헤더+섹션+푸터
섹션 안에 아티클과 어사이드.

완성!

+

calc 주기~~~

---

💭 느낀점

• 오늘 한 일은 무엇인가요?

오늘한일도 내일할일도 레이아웃설계~~~

• 중요한 것/기억해야 하는 것은 무엇인가요?

유용한 에밋 기능 ~~~

• 내일 할 일은 무엇인가요?