CSS Flexbox(Flexible Box Layout) 상세 설명CSS Flexbox는 효율적인 레이아웃 설계를 지원하는 강력한 도구입니다. Flexbox를 통해 다양한 요소를 유연하게 배치하고 정렬할 수 있으며, 특히 복잡한 화면에서도 간결하고 직관적인 코드를 유지할 수 있습니다. 아래는 각 개념과 속성에 대한 상세 설명입니다.1. Flexbox의 주요 개념1.1 축(Axis)Flexbox의 동작은 축(Axis)을 기반으로 합니다.주 축(Main Axis): flex-direction 속성에 의해 결정되며, 요소가 배치되는 주요 방향입니다.기본값: row (왼쪽에서 오른쪽).교차 축(Cross Axis): 주 축에 수직인 방향으로, 기본적으로 위에서 아래로 설정됩니다.flex-direction 값주..