[CSS]Flex box

오늘 정리할 내용은 계속 미뤄뒀지만, 한번은 꼭 정리할 필요가 있는  flex box에 대해 정리해 보려한다.

Flex box

플렉스 박스는 공간을 분배하는 방법,콘텐츠를 정렬하는 방법,요소의 순서를 정의해서 페이지 구성 요소의 레이아웃을 정하는 단순하면서도 강력한 방법이다. 콘텐츠를 가로나 세로 방향으로 정렬하는 일,축 하나를 따라 나열하는 일,여러 줄로 나누는 일 등을 쉽게 할 수 있습니다. 

플렉스박스 레이아웃에 가장 중요한 점은 요소들이 스크린 크기나 기기종류에 구애 받지 않고 예측가능하게 동작한다는 점입니다.플렉스박스는 공간이 늘어나거나 줄어들 때 콘텐츠 크기도 그에 따라 커지거나 작아질 수 있으므로 반응형 사이트에 잘 어울립니다.