GRID / GENERATOR

它解决什么

写布局时，真正浪费时间的通常不是 display: grid，而是反复试列数、间距和响应式单位。这个 Demo 把试错过程变成一个可视化控制面板。

里面可以做什么

• 调整列数、行数和间距。
• 在等宽、minmax 和 auto-fit 之间切换。
• 直接复制生成的 CSS 片段。

技术取舍

交互方向参考 CSS Grid Generator，实现采用原生 HTML、CSS 和 JavaScript，所有参数都在浏览器内生成。

结果

它把“凭感觉调布局”变成一个可以观察、修改和带走的开发工具。