flexbox-vs-cssgrid:简单而精致的网站，分为Flexbox和CSS Grid两个版本

CSS网格与Flexbox 该存储库包含同一网站模板的两个示例。 一个完全由，另一个完全由构建。 但是，没有严格的指南来设置布局。 您可以根据想要实现的模式以及最适合您的团队和构建站点的方式进行选择。 您可以创建Grid容器并在其中嵌套Flexbox项，也可以将Flexbox项设置为Grid容器。 在给定的情况下，两者都可以一样好或有用，并且当然它们不会彼此排斥。 注意 CSS Grid的gap属性 .posts { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } 在Flexbox中，您必须将每个组件与其兄弟姐妹之间留有空白，而CSS Grid提供了gap属性，以有意义的模式分隔子组件。 Flexbox容器中的间距 .posts { displ