Как делается такая блочная вёрстка?

Question

[Влад]

Подскажите, пожалуйста, не могу разобраться - вот пример shannara-chronicles.ru
Как расположить так хаотично блоки, чтобы они не были одинаковыми в строке, но и пробелов между ними по высоте не было? Это наверное какойто javascript используется..

Comments

[Владимир]

frontender.info/a-guide-to-flexbox

[Lynn «Кофеман»]

google masonry layout

[Егор Ш.]

Три колонки, массив постов отфильтровывается так, чтоб было попровну в каждом, я бы так это сделал)

Answer 1

[Михаил Дудар]

ДА, это очень популярная библиотека masonry masonry.desandro.com

Comments

[Влад]

спасибо!

Answer 2

[Константин Давыдов]

Там используют этот плагин: masonry.desandro.com

Comments

[Влад]

спасибо!

Answer 3

[Damir Aushenov]

https://codepen.io/Zoxon/pen/BJgrt

Comments

[Максим]

офигенно - я бы и не подумал что без masonry так моно сделать ! greate

Answer 4

[HamSter]

isotope
masonry