CSS Grid 可以把网页元素放入行和列中，就像带有多个格子的托盘：每个元素可放在指定位置，整体布局也能适应屏幕。

例如，画廊在宽屏上可以一行显示三张卡片，在窄手机屏幕上则减少列数。Grid 让设计者描述行列关系，而不必手动定位每张卡片。

当布局需要同时处理两个方向时，可以使用它。如果只是排列一行按钮或垂直堆叠内容，更简单的布局方式可能更容易维护。