Как сделать слайдер выходящий за пределы контейнера?

Question

[chelnokov_a]

Добрый день. Необходимо реализовать слайдер так, чтобы элемент слайдера который не влезает в контейнер был виден ровно на столько, на сколько помещается его часть. Пример скрин с макета.



Слайдер еще не реализован так-как я не понимаю как это правильно следать. На моб версии элементы просто вылезают за пределы контейнера. Но переместить их (свайпнуть) чтобы было видно невозможно пока. Помогите плиз.

Вот моя верстка https://pateder.ru/Development/relax/

Answer 1

[Seanyr]

Если я правильно понял вопрос, то надо добавить контейнеру overflow: hidden.
Это скроет всё что выходит за пределы контейнера

Answer 2

[IliaNeverov]

Добавьте этому контейнеру overflow: hidden;
Вот ссылка на статью где рассказывается про это св...

Answer 3

[Lynatik001]

использовать медиазапросы (для разного отображения на моб и камп версии)
ну и по игратся с размерами самого блока max-width min-width ну или указанием размеров блоков в %

Comments

[chelnokov_a]

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