理解 CSS Subgrid 的对齐方式

前言

Subgrid 解决了 flexbox 留下的卡片布局问题。文章实现画廊、表单与评论串三个案例，并比较子网格在哪些场景比嵌套 grid 更好用。

核心心智模型

• 从最小可运行的版本开始，并让它可观测。
• 把你正在承担的取舍写下来，而不只是写下交付了什么功能。
• 团队规模变化时重新审视决策；CSS 里的多数选择都有保质期。

动手起点

1. 在实验分支重现问题，放在你信得过的度量指标旁边。
2. 一次只改变一个变量，让 diff 小到能用一句话解释清楚。
3. 保留成果，丢掉脚手架。

git switch -c experiment/one-thing

写在最后

这里没有教条。把它当作一份你有权不同意的检查清单——最好附上你自己的实验结论。