Почему слайдер не работает корректно SWIPER JS?

Question

[Georgiidfd]

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

ВОТ ССЫЛКА НА САЙТ https://esfir.webflow.io/
Могу скинуть зип код чистый ручной

Answer 1

[NeshnyyFevral]

Без кода сложно что-то путное сказать, порой в сторону адаптива (там при min-width: 1920px всё начинает ломаться)

Comments

[Georgiidfd]

Могу скинуть код вам вы посмотрите?

[NeshnyyFevral]

Georgiidfd, давайте) тг: @aoixw

[Georgiidfd]

NeshnyyFevral, https://dropmefiles.com/DeQJg

[Georgiidfd]

Georgiidfd, вот скинул

[NeshnyyFevral]

Georgiidfd, https://dropmefiles.com/OAD1r
там действительно проблема в медиа запросах, очень много лишнего кода связанного с задаванием статической ширины и центрированием, сложно разбираться. я немного поправил, чтобы выглядело лучше, но ещё проблема в настройках самого свайпера, с ним я особо не работал, сказать точно не могу. сегодня уже не смогу посмотреть, рабочий день закончился, если не справитесь до завтра, то посмотрю ещё завтра в самом свайпере. хорошего вечера :)

[Georgiidfd]

NeshnyyFevral, да давайте если что завтра попробуйте я вот новый скину поправил немного по лучше
https://dropmefiles.com/X1LXz

Answer 2

[Илья Салигжанов]

Проблем сразу несколько:
1. overflow: visible у контейнера слайдера. Нужен overflow: hidden как минимум
2. Контейнер растягивается на 100% ширины, при этом отступы сделаны padding-ами. Установите хотя бы max-width, а лучше переоберните слайдер в контейнер со своими паддингами и max-width
3. Некорректное позиционирование кнопок
4. Копайте в сторону настроек самого Свайпера, чтобы он не скрывал слайды резко (что-то вроде класса `is-visible` или `in-sight`)

Comments

[Georgiidfd]

Да уже сил нет что то делать его все перепробовал вряд ли поможет это я тоже так делал