홈 Design ToolsCSS 그리드 생성기

CSS 그리드 생성기

무료 온라인 CSS Grid 생성기입니다. 레이아웃 그리드를 시각적으로 디자인하세요.

Columns: 3

Rows: 2

Items: 6

Column Gap: 8px

Row Gap: 8px

CSS Code

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
column-gap: 8px;
row-gap: 8px;