flex or grid

부모 요소와 자식 요소에 정의하는 속성 구분

flexbox에서 사용하는 속성은 부모 요소인 flex container에 정의하는 속성과 자식 요소인 flex item에 정의하는 속성으로 나누어진다.

전체적인 정렬이나 흐름에 관련된 속성은 flex container에 정의하고,

자식 요소의 크기나 순서에 관련된 속성은 flex item에 정의한다. 이를 분리해 적용하는 것이 중요하다.

flex container 속성: flex-direction, flex-wrap, justify-content, align-items, align-content

flex item 속성: flex, flex-grow, flex-shrink, flex-basis, order