从关系开始

网格不是把页面切成相同大小的方块，而是明确哪些内容属于同一层级、哪些信息需要对齐、哪些部分应该保持距离。

网格的价值，是让关系变得可见。

建立节奏

重复的列宽、间距和基线会形成稳定节奏。读者不必理解规则，也能感受到页面的秩序。

允许响应式变化

在窄屏上，列数可以减少，但层级与节奏不能消失。响应式设计的目标不是缩小桌面页面，而是保留同一套关系。