#020: 完成网格并设置模块

继续 “别想太多,用网格” 的概念,我们只需使用一些简单的填充,就可以在网格中添加间距。我们通过重用全局 $padding 变量来保持填充值的一致性。你会发现,在我们进行样式设置时,这个数值被大量使用。

我们用简单的背景和盒子阴影来设置“模块”类的样式。这是一个非常可重用的类,可以在任何地方使用。

最终结果是一个漂亮的灵活网格,它只需要几行代码即可实现。随着我们继续前进,它可能会变得更复杂,但不会太复杂。