首页设计工具CSS Grid生成器

CSS Grid生成器

可视化生成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;