DEV/CSS

Flex레이아웃을 정의할 때 특히, 수평정렬을 할 때 당연하다는 듯이 Flex 를 사용해서 구현하고는 합니다. 웹 페이지는 기본적으로 수직으로 구성되어 있으며 수직으로 스크롤하며 화면을 읽게 됩니다. HTML Elements들은 대부분 display: block 속성을 가지고 있기 때문에 수직으로 Element들을 수직으로 쌓는 것은 쉽게 가능하지만 수평으로 쌓는 것은 다릅니다. Flex를 알기 전에는 주로 요소에 float: left 속성을 주어 수평정렬을 구성하였었습니다.Flex를 사용하면 더 쉽게 레이아웃을 구성할 수 있으며 반응형 디자인에도 적합하다고 생각합니다.모든 속성을 다 배우기보다는 활용하기 좋은 속성을 위주로 진행해보겠습니다.Flex는 Flexible Box, Flex Box 라고도 불리..