да, это решение ближе всего, я тоже о нем думал... но картинки будут подгружаться из базы
Картинки в любом случае будут подгружаться из бэка, здесь лишь вопрос, с чьего бэка ;) В моем примере, они подгружаются с сервиса imgholder.ru, который генерирует их на бэке и отдает по get запросу.
не составит ли такая разметка проблем при бэкэнде ?
В своем проекте - нормально, т.к. Вы себе отдаете отчет, к чему это может привести, а вот для новичка это деза, т.к. в меру своего опыта, он может не правильно воспринять данную информацию.
А чем вам инлайн не нравится?
Ну не в 2023 же, а то там и до float-ов недалеко... ;) Для сеток общепринятая практика, это - flex и grid layot.
Картинки в любом случае будут подгружаться из бэка, здесь лишь вопрос, с чьего бэка ;) В моем примере, они подгружаются с сервиса imgholder.ru, который генерирует их на бэке и отдает по get запросу.
Нет, это обычный html+css, в flex+object-fit исполнение, оба держут большинство относительно современных браузеров:
https://caniuse.com/flexbox
https://caniuse.com/object-fit