layout-grid 是定义响应式页面网格的 Skill。它把列、列间距、外边距和布局变化点说明白，帮助页面在不同宽度下保持结构。
移动4列、桌面12列是原文的常见起点，不是所有页面的答案。侧栏、长标题和卡片内容都可能改变布局需要，断点应看内容何时放不下。
流动布局让列随宽度伸展，固定容器则限制最大内容宽度；自适应布局可以在特定宽度换结构。它们可组合使用，不能只测最窄和最宽两个尺寸就算完成。
适合先搭页面骨架，再细化组件。本文未改页面或测试设备；组件内部间距是另一层规则，刻意打破网格也需说明目的，网格对齐不自动解决阅读顺序和触摸操作。