*Flexbox Layout은 W3C의 후보 권장 사항으로, 컨테이너 내 항목을 더 효율적으로 배치, 정렬 및 공간 배분하는 방법을 제공합니다. 이 레이아웃의 핵심 아이디어는 컨테이너가 가능한 최선의 방법으로 항목의 너비/높이(및 순서)를 조정하여 사용 가능한 공간을 가장 잘 채우도록 하는 것입니다.*

Flexbox는 컨테이너가 항목을 넓혀 사용 가능한 여유 공간을 채우거나, 오버플로우를 방지하기 위해 항목의 크기를 줄이는 등의 기능을 제공합니다.

가장 중요한 것은 Flexbox LayoutDefault Layout(block은 수직 기반, inline은 수평 기반)과는 달리 방향에 구애받지 않는다는 것입니다. Default Layout은 페이지에는 잘 작동하지만, 방향 변경, 크기 조정, 늘이기, 줄이기 등의 복잡한 애플리케이션을 지원하기에는 유연성이 떨어집니다.

<aside> 💡 *Flexbox Layout 애플리케이션의 구성 요소와 작은 규모의 레이아웃에 가장 적합.

Grid Layout 대규모 레이아웃을 위해 설계되었습니다.*

</aside>