postnov_daniil
@postnov_daniil
Начинающий фронтендер

Почему slick не адаптируется?

Все на сайте: reappl.com/index_dan.html

Нужно сделать слайдер адаптивным. Иду на сайт slick. Там беру responsive участок и ставлю себе. На выходе вижу что у слайдов 350px ширина, когда ширина экрана 480px, в чем проблема? Откуда он берет эти 1093px и как мне его адаптировать все таки?

Пишите какие стили вам нужные если хотите помочь.

$('.select-model__btn-group').slick({
    slidesToShow: 9,
    slidesToScroll: 1,
    responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 5,
            slidesToScroll: 5,
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1,
          }
        }
        // You can unslick at a given breakpoint now by adding:
        // settings: "unslick"
        // instead of a settings object
    ]
});


5b1e971542029631262353.jpeg
  • Вопрос задан
  • 130 просмотров
Решения вопроса 1
postnov_daniil
@postnov_daniil Автор вопроса
Начинающий фронтендер
Вопрос решил. Поставил max-width: 100vw; max-width: 1000px. При перезагрузке все рассчиталось правильно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы