首页 > 解决方案 > CSS Grid - 跨列和行?

问题描述

我正在尝试使用 CSS Grid 实现以下布局。

在此处输入图像描述

它是具有 8 列和 3 行的网格,其中第一个较大的内容(图像)跨越三列和 3 行,还是我将第一列的大小设置为比第二列和第三列更高的分数单位 (FR)?

相同的解决方案是否适用于文本和购物篮 UX 的最终“列”?

标签: csscss-grid

解决方案


推荐阅读