Slick slider не слипались слайды как сделать?

Question

[Алексей]

Добрый день, делаю слайдер на slick slider, столкнулся с такой проблемой, расставил responsive breakpoints, поставил в margin отступы все равно на определённых разрешениях slide слипаются и нет между ними отступов. Как сделать чтобы на всех разрешения независимо от responsive breakpoints slide не слипались вместе
?

//slider features block
jQuery(function($) {
      jQuery(document).ready(function () {
        $('.slick-slider').slick({
          slidesToShow: 4,
          slidesToScroll: 1,
          autoplay: false,
          dots: true,
          arrows: false,
          infinite: false,
          responsive: [
            {
              breakpoint: 1400,
              settings: {
                slidesToShow: 3.5,
                slidesToScroll: 1,
              },
            },
            {
              breakpoint: 1200,
              settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
              },
            },
            {
              breakpoint: 786,
              settings: {
                slidesToShow: 2,
                slidesToScroll: 1,
              },
            },
            {
              breakpoint: 720,
              settings: {
                slidesToShow: 1.5,
                slidesToScroll: 1,
              },
            },
            {
              breakpoint: 600,
              settings: {
                slidesToShow: 1,
                slidesToScroll: 1,
                variableWidth: true,
              },
            },
          ],
        });
      });
    });

.slick-slide {
  margin: 0 30px;
}

.slick-list {
    margin: 0 -30px;
}

Comments

[iBird Rose]

для .slick-slide поменяй margin на padding

[Александр Шипин]

переопределить стили с припиской !important на необходимых разрешениях пробовали?

.slick-slide {
    margin: 0 30px !important;
}