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

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

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

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

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

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

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