Flexbox更改响应顺序

Question

此图显示了桌面版本上的网格：

此图显示了移动设备上的相同网格：

要求：

• 在桌面上，高度等于B / C和D之和
• 在桌面上，D宽度等于B和C之和
• 在移动设备上，我应该得到以下订单：D，A，B，C

我已经尝试过使用该网格来复制D的HTML，但是在我的项目中，不允许对其进行复制和显示/隐藏。

Answer 1

是否必须使用flex完成？改为使用网格会很容易。