Имеется 4 разных картинки с разной шириной и высотой нужно засунуть их в адаптивный блок, что посоветуете?

Question

[doctorcat]

Столкнулся с такой проблемой: Есть 6 изображений. Некоторые из них 120px шириной некоторые 209px шириной. Проблема в том что элементы очень разные и не смотрятся красиво. Использую owl-carousel. Отображается по 4 элемента на страницу.

Answer 1

[ArturArturov]

можно такой принцип:

background: url("ваша картинка") 50% no-repeat;
background-size: cover;
width: 25%;
padding-top: 20%; это значение с потолка, надо конкретно смотреть что у вас получится

div имитирует поведение img + background-size: cover
(padding считается от ширины родителя)

Comments

[doctorcat]

спасибо, впринцепе справился чисто margin и width.