display: flex

적용하고 싶은 부모엘리먼트에 작성한다. 첫번째 자식요소에만 적용됨.

 

기본 설정

주축: 수평
교차축: 수직

justify-content:

align-items

 

주축을 바꾸기 위해서는

flex-direction 을 변경 row, column

 

flex-wrap: wrap / nowrap