@chokoroko

Как задать margin(margin-right) между слайдами в slick-slider, но убрать его у последнего показываемого слайда?

Пытаюсь сделать cлайдер с двумя слайдами, использую slick slider. По макету нужно сделать так, чтобы были отступы(20px) между слайдами, но не было правого отступа у последнего. То есть нужно вот так:
629093d9b7539477329469.png
А у меня выходит вот так: из-за правого отступа у последнего показуемого слайда
6290952bb0b35681884544.png
Я попробовал: задал ширину слайдера 440px и выровнял по центру при разрешение дисплея 480px, задал отступ слайду (margin-right:20px) и задал родителю slick-list (margin-right:-20px), не помогло получилось вот так :
629097ebe5eb0283822110.png
2. Пробовал убрать отступ у каждого четного слайдера, не помогло слайды схлопываются.
  • Вопрос задан
  • 32 просмотра
Решения вопроса 2
ev_g
@ev_g
Web dev.
У родителя добавить отрицательный margin-left и margin-right. У каждого слайда добавить положительные margin-left/2 и margin-right/2 от значений родителя. Это должно работать всегда.

Нужно проверить, как реализовано у тебя. Скинь ссылку на верстку?
Ответ написан
AntonLitvinenko
@AntonLitvinenko
HTML coder
.slick-list {
      margin: 0 -15px;
  }

  .slick-slide {
      margin: 0 15px;
  }
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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