Задать вопрос
@doctorcat

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

Столкнулся с такой проблемой: Есть 6 изображений. Некоторые из них 120px шириной некоторые 209px шириной. Проблема в том что элементы очень разные и не смотрятся красиво. Использую owl-carousel. Отображается по 4 элемента на страницу.
  • Вопрос задан
  • 241 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
@ArturArturov
можно такой принцип:

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

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

Войдите, чтобы написать ответ

Похожие вопросы