Почему из за контейнера не адаптируется ширина swiper js?

Question

[Сергей Волков]

Всем привет.

Я использую слайдер swiper js, и при уменьшении размера экрана swiper-slider не адаптирует свою длину


Понял, что это происходит из за контейнера в котором находиться слайдер

.section {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}

Но почему это происходит ?

codePen: https://codepen.io/GovnoKoder/pen/bGqadrB

Answer 1

[mikhailivanko]

Потому что при уменьшении размера экрана .section все еще остается 1140px.
Вы хоть до 320px уменьшите размер экрана, .section все равно останется 1140px.
А так как .swiper лежит внутри .section, то он зависит от размеров родителя.
Сделайте так:

.section {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
}

Comments

[Сергей Волков]

Спасибо большее, тупанул ))

[mikhailivanko]

Сергей Волков, да бывает )