Как расположить блоки в 2 колонки?

Question

[Сергей Гурджиян]

Нужно расположить блоки разной высоты в 2 колонки:

Последовательность должна формироваться автоматически с лево на право, что бы при динамическом добавлении новых блоков, они становились сразу в эти 2 колонки. А при адаптации в 1 колонку, последовательность блоков была нормальной.
Т.е. css свойства column и flex не решают данной проблемы.

Comments

[Froggyweb]

Последовательность должна формироваться автоматически с лево на право,

на картинке этого нет. У меня разрыв шаблона.

с лево на право

flex inline-block float + nth-child ?

Answer 1

[Dymok]

Masonry

Answer 2

[Константин Теплоухов]

Возможно я вопроса не понял но флексы вроде норм справляются https://codepen.io/anon/pen/LmJOMg

Answer 3

[boga-net]

https://jsfiddle.net/xpvt214o/180227/

динамическое добавление элементов в col-1 или col-2