🌓
📐 CSS Grid Builder
인터랙티브 그리드 레이아웃 생성기 · 드래그 & 프리셋
⚙️ 설정
프리셋 레이아웃
Columns:
3
Reset
Rows:
3
Gap:
8
px
Column 크기
Row 크기
💡
사용법:
셀을 클릭 → 드래그로 영역을 지정하세요. 같은 색상이 하나의 grid-area가 됩니다.
+ 영역 추가
초기화
🎨 그리드 미리보기
📋 생성된 CSS
📋 복사
📋 HTML 복사