网格布局上

定义网格

display: grid，grid-template-columns 与 grid-template-rows 定义列与行。

fr 与 repeat

1fr 表示一份可用空间；repeat(3, 1fr) 三等列；minmax(200px, 1fr) 限制最小最大。

gap

gap 或 row-gap、column-gap 控制间距，无需再算 margin。

小结

二维整页骨架、卡片墙优先想到 Grid。