flexbox列布局响应列重新排序，没有固定高度

Question

我正在尝试使用flexbox =＆gt;

完成此操作

桌面：

|         |   | block 1 |
| block 2 |
|         |   | block 3 |

移动：

block 1
block 2
block 3

我来到了这个

.cont {
  display: flex;
  flex-direction: column;
  flew-wrap: wrap-reverse;
}

.myblocks.block2 {
  order: -1;
}

@media screen and (max-width: 640px) {
  .cont {
    display: block;
  }
}

但是，在我将固定的height设置为.cont并将flex-basis设置为.block1

之前，此无效

问题：

• 有没有办法用flexbox来实现这个目标，没有固定的高度？
• 是flexbox正确的工具吗？

注意：我正在使用Bulma