https://www.youtube.com/watch?v=7neASrWEFEM (드림코딩 by 엘리)

박스가 커지면 각각의 아이템들이 어떤 식으로 커지면서 공간을 메꿔야 할지,

박스가 작아지면 아이템들이 어떻게 작아져서 배치되어야 하는지를 정의한다.

float

이미지와 텍스트들을 어떻게 배치할 것인지 정의한다.

예전에는 css기능이 적어서 float 으로 박스들을 배치했다. 기존의 목적과는 어긋나는 행위였다.

이제는 flexbox 로 해결하기 때문에 float은 본래의 목적으로만 사용하면 된다!

flex box는 총 2가지의 큰 줄기가 있다.

Container

Item