반응형 플렉스박스1 [웹 디자인] 17일차: 플렉스박스를 이용한 반응형 레이아웃 플렉스박스란?플렉스박스(Flexbox)는 CSS의 레이아웃 모델로, 컨테이너 안의 아이템을 쉽게 정렬하고 배치할 수 있게 해줍니다. 플렉스박스는 반응형 디자인을 구현하는 데 매우 유용하며, 다양한 화면 크기와 기기에 맞게 레이아웃을 조정할 수 있습니다.플렉스 컨테이너와 아이템플렉스 컨테이너: display: flex를 설정한 요소입니다.플렉스 아이템: 플렉스 컨테이너 안에 있는 모든 직계 자식 요소입니다.예제: Item 1 Item 2 Item 3.container { display: flex;}플렉스박스를 이용한 기본 레이아웃주축 방향 설정 (flex-direction)플렉스 컨테이너의 주축 방향을 설정합니다.row: 기본값, 가로 방향column: 세로 방향예제:.container { dis.. 2024. 8. 17. 이전 1 다음 반응형