Flexbox 更改响应顺序

Question

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

这张图片在移动设备上显示了相同的网格：

要求：

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

我试过这个网格复制 D 的 HTML，但在我的项目中，复制它并显示/隐藏它是不可接受的。

Answer 1

必须用 flex 完成吗？用网格代替会很容易。