CSS Grid 생성기

등분 트랙 CSS Grid를 프리셋과 실시간 미리보기로 만드세요.

실시간 미리보기

생성된 CSS

사용 방법

왼쪽에서 열·행·간격·단위를 바꾸거나 프리셋을 선택하면 그리드가 바로 업데이트됩니다. 생성된 CSS는 repeat()와 gap을 사용하며 스타일시트에 바로 붙여넣을 수 있습니다.

자주 묻는 질문

어떤 브라우저가 CSS Grid를 지원하나요?

모든 최신 브라우저가 CSS Grid를 지원합니다. 구형 브라우저가 필요하면 feature query로 대체안을 추가하세요.

서로 다른 너비의 열을 사용할 수 있나요?

네. 기본 레이아웃을 생성한 뒤 grid-template-columns를 1fr 2fr 같은 비율로 바꾸면 됩니다.