flex 정리

justify-content

가로방향을 정렬하는 방법

속성으로는 요소들이 어디에 정렬될지 정하는 flex-end start , center와
각 요소들이 얼마큼 떨어질지 정하는 space-around between evenly 가 있다.

align-items

세로방향을 정렬하는 방법
flex-end start , center 등이 있다.

direction

방향을 정의하는 방법
기본적으로 중심축은 row = justify-content이나
이를 바꿀 수 있다.
row(가로방향)
column(세로방향)
등이 있고 -reverse 등을 덧붙일 수 있다.

align-self

일부 요소만 동떨어지게 정렬 정의할 수 있는 방법

수정중