📌 Flex 기본 개념Flexbox는 컨테이너(부모)와 아이템(자식)으로 구성된다..container { display: flex; /* 이걸 선언해야 flex 속성들이 작동함 */} 컨테이너에 display: flex를 주면, 자식 요소들이 가로 방향(row)으로 나란히 배치된다.1️⃣ justify-content (가로 정렬)요소들을 가로선(메인 축) 상에서 정렬한다.값설명flex-start왼쪽 정렬 (기본값)flex-end오른쪽 정렬center가운데 정렬space-between요소 사이에 동일한 간격space-around요소 주위에 동일한 간격space-evenly요소 사이와 양 끝 모두 동일한 간격.container { justify-content: center; /* 가로 가운데 정렬 ..