布局该用 Grid 还是 Flex，按一维还是二维来选

一句话判断，只在一个方向上排列就用 Flex，行列两个方向都要对齐就用 Grid。

Flex 适合导航条、按钮组这类一维排列，子项宽度靠 flex 分配，代码更短。

Grid 适合整页骨架和卡片网格，行列间距一次定义，还能按区域名直接摆放元素。

/* 一维：横排 */
.bar{ display:flex; gap:8px }
/* 二维：网格 */
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px }