← 개발 도구

CSS Grid 빌더CSS GRID

영역을 그리고 행과 열의 크기를 조정하세요. 화면에서 만든 레이아웃을 HTML과 CSS로 복사할 수 있습니다.

템플릿 선택

캔버스

빈 셀을 드래그하여 영역을 만드세요. 영역을 드래그하면 이동하고, 오른쪽 아래 모서리로 크기를 조절합니다.

키보드

키보드: 방향키로 셀 이동, Shift + 방향키로 범위 선택, Enter로 생성합니다. 아래 숫자로 영역을 이동하거나 크기를 조절할 수도 있습니다.

선택한 영역

영역을 선택하거나 빈 셀에 그리세요.

영역 목록

템플릿 적용과 전체 삭제도 실행 취소할 수 있습니다.