나가기
🌐 웹 개발 기초›프로젝트 갤러리 만들기1/8
열 수를 직접 지정하지 않고 자동으로 채워지게 합니다
css
1/* 열 수를 직접 지정 */2grid-template-columns: repeat(3, 1fr);34/* 자동 열 수 — 화면에 맞게 조절 */5grid-template-columns:6 repeat(auto-fit, minmax(250px, 1fr));78/* 해석: 9 - 각 열의 최소 너비 = 250px10 - 남는 공간은 1fr로 균등 분배11 - 화면이 넓으면 열이 늘어나고12 - 좁으면 자동으로 줄어듦 */탭하여 계속 ▸
1 / 8