Как сделать такой слайдер?

Question

[LolExtasy]

Всем привет! Столкнулся с проблемой, вот как сделать так?

Как бы одна сторона строго по сетке, а другая вылезает. Слайдер Swiper

Answer 1

[RAX7]

Так?

Comments

[Юрий]

Не знал, что swiper поддерживает нецелые slidesPerView. Спасибо )

[RAX7]

Юрий, да не за что =)

[LolExtasy]

Большое спасибо вам, очень выручили меня)

Answer 2

[Lord_Dantes]

Как бы вот, https://swiperjs.com/demos/#centered_slides

Answer 3

[Юрий]

Заверните слайдер в div с отрицательным margin-right, а этот div заверните ещё в один с overflow: hidden:

Comments

[Lord_Dantes]

Нет

[Юрий]

Lord_Dantes, содержательный ответ!

[Lord_Dantes]

Юрий, какой может быть развернутый ответ на ваше решение? В слайдере предусмотрена позиция слайдов по-центру, при которой не нужно делать костыли с отрицательным отступом и overflow:hidden. Посмотрите мой ответ выше

[Юрий]

Lord_Dantes, но автор вопроса не этого просил же. С centeredSlides: true слева от начального слайда будет пусто. Если прокрутить слайды дальше (или включить loop), слева крайний слайд точно так же будет обрезан, как и справа. У автора вопроса чёрным по белому написано, что ему нужен левый край строго по сетке.
Так что ваш ответ — на совсем другой вопрос. Мой при этом вполне рабочий, проверено. Хотя конечно вариант с дробным slidesPerView от RAX7 гораздо изящнее.

[Lord_Dantes]

Юрий, понял, да мой ответ был немного не уместен, но зайти в документацию стоило бы в первую очередь. Ваш ответ неверный, может быть рабочий, но если так судить, сайт на absolute сверстанный тоже рабочий. Вариант RAX7 как раз из документации данного слайдера, он самый правильный здесь.