Как создать блок галереи где изображения разных размеров должны формироваться в сетку?

Question

[lekseykorolev]

Есть блок с размерами например 100% и фиксированной высотой в 500px. В этот блок будут поступать фото с бэкенда, их может быть разное количество от 1 до 10. Как сделать так, чтобы независимо от количества картинок они заполняли всё пространство блока. Например как реализовано вк?

Может есть какие-то massonry плагины специально для фото?

Comments

[imko]

это не masonry, тут ровные ряды. Это flex-блок с детьми со flex-grow, а остальное по вкусу)

[Виталий Першин]

У VK есть статья на эту тему: https://habr.com/ru/companies/vk/articles/726408/

Answer 1

[Сергей delphinpro]

В самом простом случае вполне подойдет решение "в лоб".
Проектируете 10 сеток на все случаи количества картинок от 1 до 10.
На каждый случай описываете грид-сетку.
Такой вариант не будет учитывать пропорции картинок (альбом/портрет).