Как «отцентрировать» блоки слайдера?

Question

[tester]

Не знаю как объяснить, но думаю по скринам понятно.
У меня сейчас вот так и смотрится нелепо.


Нужно вот так:


Слайдер - Slick Slider
Код:

$('#stream').slick({
		infinite: true,
		speed: 600,
		pauseOnHover: true,
		slidesToScroll: 3,
		variableWidth: true,
	});

Comments

[Роман Ямчук]

Считайте отступы, подгоняйте блоки, это проблема не слайдера

[tester]

Роман Ямчук, можно подогнать, но тогда для каждого разрешения придется прописывать стили отдельно

Answer 1

[FalseCode]

Смотря как вы даете отступы самим элементам. Попробуйте каждому элементу дать отступ и слева и справа

Answer 2

[fu11buster]

Возможно поможет использование свойства slidesToShow и responsive. Можно вручную задать для каждого разрешения, а можно с помощью js отслеживать размер окна и изменять slidesToShow = Math.floor(window.width / element.width);

Comments

[tester]

Вот мой предыдущий вариант - Как указать параметр Slick Slider'а как переменную?
Результат идентичен