Как высчитать и собрать сетку галереи, без лишних пробелов?

Question

[aliaksandr-go]

Добрый вечер, подскажите пожалуйста, имеется разные темплейты для галереи, нет ограничения по фотография загрузки. Хочется сделать так, что, если залил фото и есть пробелы, тогда фотого растягивалось или менялось по другому. Я уже не знаю куда копать Главное пробелы Закрыть.
Использую гриды бутстрап, но это когда ограниченные фото. На фото как закрыть эти отступы

Comments

[Ankhena]

Гуглите плагины типа masonry

[aliaksandr-go]

Ankhena, да я понял, но логика может какая есть, построение какое. Просто темплейтов полно, бэк рандомно их выдаёт и по этому не так просто подставить

[imko]

aliaksandr-go,

логика может какая есть

ну разве что подсчитать паттерны минимальные, 1 - 2 - 3... фотки и на них дробить загруженное количество

[aliaksandr-go]

imko, а если темлейт не знаю какой?Вид галереи разный

[szQocks]

aliaksandr-go, https://cssgrid-generator.netlify.app/

[aliaksandr-go]

szQocks, так это понятно, по разному лепить и знаешь количестно элементов, а если не знаешь и надо последний ряд заполнить?

[szQocks]

aliaksandr-go, https://codepen.io/kapysta-xxl/pen/GRbxGXr

[szQocks]

aliaksandr-go, а погоди пробелы закрыть, хм хм хм хм хм, в душе не волоку, только если через js или тонны костылей на css

[FeST1VaL]

aliaksandr-go, так вроде мансори пофиг какие размеры у картинки и как выводить

[Ankhena]

aliaksandr-go,

да я понял, но логика может какая есть, построение какое. Просто темплейтов полно, бэк рандомно их выдаёт и по этому не так просто подставить

В смысле вы хотите самостоятельно рассчитывать, а не воспользоваться готовыми решениями?
Но при этом даже не представляете с чего начать считать?
Варианта два:
Если нужно именно решение и быстрое, то всё таки использовать готовый скрипт, в котором уже всё посчитали.
Если хотите долго и самостоятельно, то я бы начала всё равно с любого из плагинов и стала бы смотреть как в итоге располагаются разные наборы картинок. Дальнейшее зависит насколько важны исходные пропорции и размеры. И насколько они исходно разнообразные. В некоторых случаях задача не будет иметь решения.

[aliaksandr-go]

aliaksandr-go, да