flex

1) HTML의 레이아웃 구조를 다양하게 위치 및 구성시킬 수 있는 속성

 

2) 개념 

 - container : items를 감싸는 부모 요소

 - items : items를 정렬하기 위해서는 container가 필수

 

3) container 속성

 - display

 - flex-flow : flex-direction, flex-wrap

 - justify-content

 - align-content

 - align-items

 

4) items 속성

 - order

 - flex : flex-grow, flex-shrink, flex-basis

 - align-self