Flex / Grid 可视化

调试响应式布局，生成可直接使用的 CSS

子项数量

Gap16px

最小列宽（响应式核心）180px

Justify-items

Align-items

视口宽度

当前预览容器宽度：900px

CSS 代码

display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
justify-items: center;
align-items: center;
gap: 16px;