예전엔 박스를 가로 정렬하려면 float, inline-block, position 등을 조합해야 했다.하지만 이제는 단 한 줄로 가능하다 👇display: flex; 이번 글에서는 Flexbox(플렉스박스) 의 핵심 개념부터정렬, 배치, 간격, 비율 조절까지 실무 중심 예제로 완벽 정리한다.💡 1. Flexbox란?“Flexbox는 요소를 가로·세로로 유연하게 정렬하기 위한 CSS 레이아웃 시스템이다.”기존 레이아웃 문제들:가운데 정렬이 복잡함요소 크기가 제각각일 때 간격이 어긋남반응형 레이아웃 구성 어려움💬 Flexbox는 이런 문제를 한 번에 해결한다.🧱 2. 기본 구조Flexbox는 부모(container) 와 자식(item) 구조로 동작한다. 1 2 3 .container {..