实时预览
1
2
3
4
5
6
7
8
9
交互式调整 Grid 属性，实时预览并生成 CSS 代码
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}