复杂的Flex仪表板布局

Question

我正在尝试制作一个布局有些复杂的flex仪表板（至少比网站上的示例更复杂！）。这是我的尝试布局和大致我想要的图片：

Inputs{.sidebar}
[input code]
Column {data-width = 660}
### title1 {.value-box}
[title1 code]
### title2 {.value-box}
[title2 code]
### title3
[title3 code]
Column {data-width = 340}
### title4
[title4 code]

这就是我想要的：

目前发生的事情是值框堆叠在一起，而标题4的列与中间列的宽度相同。

提前谢谢！