IT 썸네일형 리스트형 CSS flex 적용하기,HTML 배우기,CSS 배우기 CSS Flexbox 예제반응형 카드 레이아웃display: flex;를 활용하여 카드형 레이아웃을 만듭니다. 카드가 화면 크기에 맞춰 자동으로 정렬되도록 설정합니다. 작은 화면에서는 자동으로 줄 바꿈이 되도록 설정합니다. 큰 화면에서는 카드가 가로로 배치 작은 화면에서는 자동으로 세로 정렬 카드 1 카드 2 카드 3 카드 4 카드 5 /* 기본 스타일 설정 */ body { font-family: Arial, sans-serif; background-color: #f8f9fa; margin: 0; padding: 20px; } /* 컨테이너 (Flexbox) */ .contai.. 더보기 이전 1 다음
