[CSS] Flex
2020. 3. 30.
홈페이지 레이아웃을 구성할 때 가장 많이 사용되는 것 중 하나가 바로 이 Flex라 생각한다. Flex는 세로로 쭉 나열된 것들을, 가로로 붙이는 역할을 한다. 아래처럼 원래는 로 세로로 붙여져 있을 것을, flex를 활용해 가로 3개로 바꿀 수 있다. See the Pen vYObRNN by howdy-mj (@howdy-mj) on CodePen. 이는 상단 메뉴바를 만들 때에도 자주 쓰인다. Flex에는 감싸고 있는 container가 필수적이며, 그 안의 items들을 주의하면서 속성을 사용해야 한다. container에는 display, flex-flow, justify-content 등의 속성이 있으며, items에는 order, flex, align-self 등의 속성이 있다. Flex Co..