Flexbox вместо masonry?

[d0ublezer0]

Привет! Есть галерея в конце страницы, построенная на masonry

https://www.farmadental.ru/doctors/balayan

Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример,  демонстрирующий прекрасный результат 

Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные.

Реально ли как-то добиться этого без использования JS ?

[d0ublezer0]

Разобрался.

 

заменил

window.onload = resizeAllGridItems();

на

window.addEventListener('load', resizeAllGridItems);

На тестовой странице https://www.farmadental.ru/test.html

всё заработало как надо, только вот на боевой странице https://www.farmadental.ru/doctors/balayan выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно.

 

Вместо этого (как в тестовом файле) :

https://prntscr.com/osz1gs

 

Получаем это:

https://prntscr.com/osz0xr

Edited August 16, 2019 by d0ublezer0