这篇 是 Adam Argyle 发布的一篇非常棒的、专注于 CSS 的教程。我非常喜欢这里“仅用于间隙”的概念。Grid 功能非常强大，但每次用到它时，您并不需要使用它所有的功能。在这里，Adam 仅出于非常轻量级的原因使用它，例如将其用作 border 的替代方案以及更通用的间距。我想他在 践行自己的承诺，即 gap 将取代 margin！
我也非常喜欢 Una Kravet 为 灵活网格 赋予的 绝妙名称：RAM。也许您已经见过 CSS 网格中灵活列数的技巧？这里的额外技巧（我 第一次看到 是来自 Evan Minto）是使用 min()。这样，不仅涵盖了大型布局，而且即使是最小的布局也没有硬编码的最小值（例如，如果这里的 100% 小于 10ch）
.el {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(10ch, 100%), 35ch));
}博客文章中还有更多技巧。使用 :focus-within 实现的“颜色弹出”既有趣又巧妙。在构建如此实用的东西时，包含了如此多的实用 CSS！🧡 希望有更多这样的博文。幸运的是，我们不必等待，因为 Adam 还有其他专注于组件的博文，例如 这篇关于选项卡的博文 和 这篇关于侧边栏的博文。
一篇很棒的文章，包含大量关于 CSS 网格的信息。
我学到的新技巧是如何使用 transform-style:preserve-3d 来解决元素放置问题。 :)
漂亮！
我最近使用 max() 函数创建了一个列数最大且自适应的网格。