Grid：先想成表格格子

<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">

这是 manga_studio/ProjectManager.tsx 项目卡片布局的真实模式：手机一列，小屏以上两列，大屏三列，卡片之间间隔一致。

Grid 适合图库、项目卡片和仪表盘；Flex 更适合一排按钮或图标加文字。

一个商品卡片矩阵更适合 Grid 还是 Flex？

答案：通常用 Grid，因为同时关心行和列。