[CSS] Flex에 대해 알아보자

Flexbox란웹 디자인 레이아웃을 간단하고 효율적으로 만들 수 있게 해주는 css3의 레이아웃 모델이다. flex container와 flex item으로 구성된 flexbox는 복잡한 레이아웃 문제를 해결하는데 유용하다. 쉽게 말해 flex item들을 flex container에 담아 레이아웃을 편리하게 도와주는 기술이다. 어떤식으로 사용되는 지는 속성을 살펴보면서 설명하도록 하겠다.   flex 테스트아래의 코드펜은 " by Gabi (@enxaneta) on CodePen."이 만드신 코드펜인데 프럭스의 개념을 잘담고 있어 실습용으로 링크를 첨부했습니다. (코드펜의 저작권은 코드펜 규정상 출처를 함께 표기하면 사용이 가능하니 참고 바랍니다.) See the Pen Flexbox playgrou..