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

Question

[Даниил Постнов]

Все на сайте: 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
    ]
});

Answer 1

[Даниил Постнов]

Вопрос решил. Поставил max-width: 100vw; max-width: 1000px. При перезагрузке все рассчиталось правильно.

Comments

[tyzberd]

на самом деле проблема в display: table; во многих местах и display: table-cell;
Если вы хотели прижать футер, так лучше уже флексами это сделать.