<!— flexbox의 첫 번째 규칙 —>

flexbox는 자식과 소통하지 않는다. 그 말인 즉슨 바로 요소들을 옮기고 싶거나 배치하고 싶을땐 flexbox의 container을 이용해서 요소들을 배치해야 한다.

보이는 3가지 box를 나란히 배치하고 싶다고 생각해보자. 우리는 이 각각 3가지 요소의 아이템들에게 속성들을 일일히 부여하여 요소들을 옮길 것이 아니라, 이 요소를 감싸는 부모 요소에 속성을 주어 아이템들을 배치 할 것이다. 바로 이렇게 말이다.

부모 요소에 display:flex;를 지정하면 바로 네모들은 이렇게 나란히 서있게 된다. 근데 무조건 바로 위 부모 속성이어야 하지 그렇지 않고, 부모가 아닌 할무니 속성(?) 조상 속성(?)이게 되면 속성은 적용되지 않는다.

마지막으로 기억하자.

→ flexbox에서 box들의 위치를 바꾸고 싶다면, 요소들은 flex container의 안에 있어야하고, 속성들을 움직이고 배치하는 것은 container에게 속성을 부여하여 움직이는 것이다.