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

Question

[Дмитрий Ярощук]

Пытаюсь сделать cлайдер с двумя слайдами, использую slick slider. По макету нужно сделать так, чтобы были отступы (20px) между слайдами, но не было правого отступа у последнего.

То есть, нужно вот так:

А у меня выходит вот так:

из-за правого отступа у последнего показываемого слайда

Попробовал задать ширину слайдера 440px и выровнять по центру при разрешение дисплея 480px, задал отступ слайду (margin-right:20px) и задал родителю slick-list (margin-right:-20px).

Не помогло, получилось вот так:

Пробовал убрать отступ у каждого чётного слайда, не помогло слайды схлопываются.

Answer 1

[Евгений]

У родителя добавить отрицательный margin-left и margin-right. У каждого слайда добавить положительные margin-left/2 и margin-right/2 от значений родителя. Это должно работать всегда.

Нужно проверить, как реализовано у тебя. Скинь ссылку на верстку?

Comments

[Дмитрий Ярощук]

Спасибо большое за помощь, помогло!

Answer 2

[Антон Литвиненко]

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

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

Comments

[Дмитрий Ярощук]

Спасибо большое за помощь, помогло!