Как правильно выстроить такую сетку с помощью masonry?

Question

[vintalis]

На этом сайте https://interfacelovers.com/ с помощью библиотеки masonry выстраиваются такие вот блоки prnt.sc/ u00p5u
Как такое реализовать, кто использовал его, не могу понять

P.S.именно на этом сайте странно как то реализовано, так то работает нормально

Comments

[kocherman]

а причем тут masonry? где он там используется вообще?

[vintalis]

kocherman, скрин залил, посмотри, родитель interviews masonry , и картинки как то странно у них там pt сделаны

[kocherman]

vintalis, ты имеешь в виду вот этот скрипт?
https://masonry.desandro.com/layout.html

[kocherman]

vintalis, смотри. как это делается без javascript
https://codepen.io/chriscoyier/pen/XojXxy/

[kocherman]

vintalis, Я еще нашел кое-что....
Это типа генератор masonry

https://w3bits.com/tools/masonry-generator/

[kocherman]

vintalis, выписал все кинутые ссылки, и добавил несколько новых ссылок глянь ответ

Answer 1

[kocherman]

Masonry.js
Пример masonry на CSS
masonry generator
Isotope
packery
Bricks.js
Magick-Grid
Brick Layer
MUURI
flex-layout

Comments

[vintalis]

cпасибо