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

Почему swiper не дает контейнеру уменьшаться?

При адаптации, контейнер где находится слайдер должен уменьшаться в размерах, но слайдер ему почему-то не дает, а без слайдера всё нормально. С классами всё впорядке.

CSS

/* ===== container ===== */
.posts {
    width: 100%;
    max-width: 1140px;
    margin-right: 10px;
}
/* ===== container end ===== */

/* ===== slider ===== */
.post_recomend_slider {
    overflow: hidden;
    width: 100%;
}
/* ===== slider end ===== */

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}


607ffe9befd44896661855.jpeg
  • Вопрос задан
  • 123 просмотра
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

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