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

Question

[an]

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

то есть
центральный, активный слайд будет иметь максимальную ширину напр. 1200px и центрироваться
и 2 неактивных слайда по бокам заходят за горизонт)

как его правильно сделать, что бы
если монитор будет менее 1200, то что бы сам цетральный был резиной и отступал по бокам по 20 px

если взять обычную верстку блока, то тут все просто

.container{
max-width:1200px;
margin:0 auto;
}
@media screen and (max-width: 1200px) {
.container{
width:100%;
padding:0 20px;
}
}

но сам слайдер я же не помещу в контейнер, т.к мне нужны боковые слайды что бы уходили за него

Comments

[Ankhena]

Если я правильно понимаю, что при вьюпорте меньше 1200 должен быть один слайд, то так и указать в настройках слайдера.
slidesPerView: 1
Ну и отступы для обертки по 20px.

[an]

Ankhena, не совсем так

центральный слайд должен иметь ширину как контейнер, то есть 1200пикс
но при уменьшении монитора, должен рещиниться вместе с контейнером
а вот 2 боковых, неактивных слайда должны быть более чем на половину за экраном

[Ankhena]

an, можно задать размер слайдов через vw (или через calc с учетом отступов).
Или поищите тут на тему центральный слайд по ширине контейнера. Этих вопросов было много. Правда, не все по тегу swiper.