设计师

Grid 布局可视化

可视化编辑 Grid 布局，实时预览效果

Grid 属性
实时预览
1
2
3
4
5
6
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 80px);
  gap: 12px;
  justify-items: stretch;
  align-items: stretch;
}