Html 网格或flexbox来实现这种设计

我希望有以下结构：

• 第一行：3列
• 第二行：2列

以下是描述桌面需求的图片：

我如何通过Css网格、Flexbox或其他解决方案实现这一点

---

谢谢

Flexbox更适合这种布局

.flex{
显示器：flex；
证明内容：中心；
对齐项目：居中；
柔性包装：包装；
}
.孩子{
背景色：青色；
高度：100px；
宽度：100px；
边界半径：50%；
保证金：1rem；
}

---

网格模板

可以完成此操作。用法：

网格模板：150px/自动；

创建3列，然后对于mobile，只需执行以下操作

网格模板：150px/自动；

---

创建2列

并不能完全给出所需的结果，因为它们要求特定的列数。如果要更改列数，可以减少父列宽度或增加子列宽度。谢谢，我将尝试让您使用added with更新works。非常感谢。酷！如果答案对你有帮助，你可以选择：）谢谢你，我明天会试试，让你随时更新。两个答案都很好。