Как на flexbox сделать две неравные колонки?

Не уверен, что правильно понял :)

CryNet, https://codepen.io/Lareta/pen/dxoVJb

Lara B, спасибо. Не немного не подошло такое решение. Решение RAX7 подошло как раз

в этом случае не расположить в одну колонку так, как на картинке. Обратите внимание, где блоки 1, 2,3,4 на первом скрине, а где на втором скрине

Lara B, проглядел. Для таких случаев больше подходят gridы. А с флексами чтоб такое сделать, придется лапшу писать. А это неправильно

Шохрух Шаймардонов, посоветуйте как на гридах сделать.

CryNet, тогда это совсем другой вопрос :)

s0xzwasd, вот-вот

.child {
    &:nth-child(1) {
       order: 6;
    }

Типа каждому потомку присваивать order? Это не сработает. У меня не сработало. Пустое место в левой колонке я хз как контролировать. В левую колонку на свободное место прыгает следующий блок, если он влазит по размеру. Можно было попробовать на брекпоинте nth-child(3) (или второму? порядок же изменён) указать min-height: auto (наверное так), чтобы он занимал всё оставшееся место и никакой блок не прыгал. Но я не знаю это сработает или нет, нужно будет попробовать.

CryNet, ну можешь еще так попробовать

RAX7, это сработало. Обошлось кстати без before на contaiter