Задать вопрос
@Georgiidfd

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

у меня есть дизайн слайдера как он должен выглядеть , но он почему его растягивает и делает большие отступы и видны другие карточки помогите пожалуйста что сделать уже все перепробывал с моим знаниями
649ad51c82fd3669308606.jpeg
ВОТ ССЫЛКА НА САЙТ https://esfir.webflow.io/
Могу скинуть зип код чистый ручной
  • Вопрос задан
  • 182 просмотра
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • UPROCK.SCHOOL
    Webflow-разработчик: создание сайтов без кода
    4 месяца
    Далее
  • beONmax
    Курс HTML / CSS
    1 месяц
    Далее
  • Skillfactory
    Профессия Frontend-разработчик PRO
    14 месяцев
    Далее
  • Компьютерная академия «TOP»
    WEB разработка Fullstack
    12 месяцев
    Далее
  • FructCode
    HTML и CSS | Интерактивный курс
    1 месяц
    Далее
  • Яндекс Практикум
    Фулстек-разработчик расширенный
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
@NeshnyyFevral
Без кода сложно что-то путное сказать, порой в сторону адаптива (там при min-width: 1920px всё начинает ломаться)
Ответ написан
Le_Traceur_Snork
@Le_Traceur_Snork
PHP-программист | Wordpress
Проблем сразу несколько:
1. overflow: visible у контейнера слайдера. Нужен overflow: hidden как минимум
2. Контейнер растягивается на 100% ширины, при этом отступы сделаны padding-ами. Установите хотя бы max-width, а лучше переоберните слайдер в контейнер со своими паддингами и max-width
3. Некорректное позиционирование кнопок
4. Копайте в сторону настроек самого Свайпера, чтобы он не скрывал слайды резко (что-то вроде класса `is-visible` или `in-sight`)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы