CSS Flexbox和响应式设计：将3列转换为2行

我对flexbox有些陌生。我希望能够采用三列布局，当它们在浏览器中达到较小的宽度时，将这三列转换为两行

例如：

Container
Col 1 | Col 2 | Col 3

变成：

Container
Col 1 | Col 3
Col 2

---

这可能吗？

是的，你可以做到，尽管它本身并不“干净”

使用媒体查询更改列的弹性基础。因此，窄宽度时，弹性基础为50%，宽宽度时为33%

然后按照您的意愿排列箱子

检查它：

可能重复的