图标和标题仍是上下排列

卡片在两列网格里，类名含 aspect-square、flex、flex-col、items-center、justify-center。flex-col 让主轴变成竖直方向。图标和标题会上下排，再被居中。图标节点是 text-4xl，带 mb-4 或 mb-2。下边距是在为下面的标题留空，不是把标题拉到图标右边。

说要一行时纵向类还在

用户写「不对，图标和标题一行」之后，输出的卡片仍是这串纵向类。正方形和居中还在。标题不会跑到图标旁边。顶部有一行是 flex justify-between items-center，左边「精选产品」，右边「更多」。那一行本来就是横向的，不是卡片里的图标和标题。

网格是 grid-cols-2。两列只决定卡片并排。卡片内部的方向由 flex-col 决定。把网格改成两列，解决不了卡片内部上下排。

图标数据是字符，例如一组学习项的符号，放在 item.icon。它和 item 的文字是两个节点。要一行，这两个节点的父级得是横向的弹性布局，对齐用居中，图标上的下边距改成右边距。正方形的宽高比会让横向的一行在方块里显得空。用户要的是图标挨着标题，不是方块里上下居中。

点击仍在整张卡片上

@tap 绑在卡片上，导航用 item.url。方向改成横向不改变点击。现在的问题只在类名：纵向类还在，标题就还在图标下面。回答说已经并排，输出里的 flex-col 没有拿掉。

图标和标题要同一行，就改卡片的方向，并去掉把它们上下撑开的下边距。顶部「更多」那一行已经是横向的，不用再改成目标。