Grid 레이아웃의 가장 강력한 기능 중 하나는하나의 아이템이 여러 칸을 차지할 수 있다는 점이에요.Flexbox에서는 어렵거나 비효율적이었던“두 칸짜리 카드”, “헤더 전체 확장” 같은 걸Grid에서는 grid-column과 grid-row로 아주 쉽게 만들 수 있어요! ✅ 기본 문법.item { grid-column: 1 / 3; /* 1번 선부터 3번 선 전까지 → 2칸 차지 */} 속성설명 grid-column열 방향 병합grid-row행 방향 병합 🔁 단축 표기grid-column: span 2; /* 현재 위치에서 오른쪽 2칸 차지 */grid-row: span 3; /* 현재 위치에서 아래로 3칸 차지 */ → 시작 지점 모를 때는 span으로만 간단하게! 🧪 실습 예시 ..
