CSS Grid Template Areas Generator
셀을 선택해 영역명을 지정하면
grid-template-areas
코드를 자동 생성합니다.
행(Rows)
2
3
4
5
6
열(Cols)
2
3
4
5
6
영역 이름
Gap
선택 셀에 적용
선택 해제
빈칸을 '.'으로
기본 레이아웃
실시간 미리보기
생성 코드
CSS 복사
샘플 HTML 복사