我也不确定这个到底叫什么，就是Github那种根据提交的代码次数改变方块颜色的动态墙，在这里暂时就叫活跃度砖墙。

这篇文章早就想发了，不过最近沉迷看番，一直都没写，我制作的版本在这里可以看到：https://blist.9baka.cc/user/luojia

基本思路就是往一个 display 为 grid 的容器里塞方块，让 grid 的 grid-auto-flow 为 column ，这样方块就是纵向排列的了，然后用 grid-template-rows: repeat(8, 1fr) 把行数分成固定的8份，列数会自动根据格子数量增加，最后对所有砖头使用 aspect-ratio: 1/1 来把它们固定为正方形（当然你要别的形状也可以），样实现的墙里面的格子可以自动根据整体的宽度改变大小。

和Github以及大多数地方不同的是，我用颜色把每个月区分开了，这样看起来更直观一些。

效果如图

从下图可以看出左侧的周几和顶上的月份也是放在格子里的，免去了另外安置这些数据的烦恼。

完整的演示代码放在这里了，我已经写了详细的注释