Как сделать сетку фотографий как на фото стоках?

Question

[Дмитрий Новиков]

Всем привет.
Хотел бы задать вопрос по поводу расположение фотографий на популярных сток сайтах:
https://depositphotos.com/stock-photos/dog.html
и шатерсток

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

Возможно кто то встречался, работал с подобной задачей, что то подскажет.

Надеюсь внятно прописал проблему.

Answer 1

[Артем Золин]

Такая сетка называется masonry grid

Comments

[Дмитрий Новиков]

Спасибо, это уже поможет в поиске информации.
Меня больше интересует как с ней должен работать дизайнер, как ее можно показывать в дизайне

[Артем Золин]

Дмитрий Новиков, попробуйте поискать плагины, например Masonry Grid Layout Organizer