Owlcarousel. Адаптивная разметка для картинок разного размера. Как?

Question

[Godless]

Доброго дня.
Собственно сабж.
Имеется сайт на битриксе (чтоб его), исполнитель по контракту не оч качествнно выполнил работу и слился...
Остался дизайн в стиле "допили сам" по всему сайту. Опуская лирику, проблема: из-за того, что картинки чуть-чуть разного размера и при ресайзе CFile::ResizeImageGet() получаются немного разными по высоте. Из-за этого, при листании карусели часть сайта снизу неприятно дергается.

Я намеренно не привожу здесь существующую разметку - нужно понять принцип, и сделать начисто.
Почему спрашиваю тут. В сети полно манов как вписать, но нужна адаптивность. Как это делают гуру html5 & CSS3?

ЗЫ: Вообще в существующую разметку я ведь могу вписать тупо height контейнеру? Но для адаптивности придется писать кучу @media (min-width: блабла). Это нормально?

Спасибо!

Comments

[Ankhena]

https://owlcarousel2.github.io/OwlCarousel2/demos/...
https://owlcarousel2.github.io/OwlCarousel2/demos/...

А по-хорошему, если картинки чуть-чуть разного размера, то это значит, что они не правильно подготовлены.

Answer 1

[Godless]

Fixed: height у контейнера и куча

@media (min/max-width: блабла)

ЗЫ: это была бутстраповская карусель, а не owl. Код остался видимо от тестов и частично от второй карусели на странице.