Задать вопрос
gurzoof
@gurzoof
Front-End Developer

Как управлять шириной картинок в Slick slider?

Как управлять шириной картинок в Slick slider?

Загвоздка вот в чем. Сверстал страницу. Слайдер (прокрутка по одной картинке) в блоке на 60% ширины. Как сделать его респонсив? То есть, чтобы при уменьшении экрана, он бы тоже пропорционально уменьшался.

Сейчас же, при уменьшении экрана слайдер не уменьшается, но сжимается по бокам, обреза картинку. Как это изменить?
  • Вопрос задан
  • 1560 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Так же как и с другими картинками
.slick-slide img {
  display: block;
  width: 100%;
  /* or */
  max-width: 100%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽