@Norum

Как сделать так, чтобы контент занимал всю высоту секции?

Я использовал Swiper JS для слайда целых полноэкранных секций, но столкнулся с проблемой: содержимое в Swiper не хочет растягиваться на всю высоту секции, так как у меня для section стоит правило padding: 80px 0, можно было бы убрать это правило, но тогда все будет выглядеть не так как мне нужно . Как сделать так, чтобы слайдер растягивался на всю высоту секции .services и контент при этом никуда не уплывал.
PS я сделал фон зеленым специально, чтобы было видны отступы и чтобы перейти к следующему слайду надо нажать "Узнать подробнее"

Сам сайт ca50234.tmweb.ru
Весь код https://jsfiddle.net/u3vp4rto/

60f4875c1a6d9303906256.jpeg
60f48765e839a813834955.jpeg
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
@saver116
front-end developer
Добрый день, Вам надо
.services-second-slider, .services-third-slider {
    background: url(../img/services-bg.jpg) center no-repeat;
    background-size: contain;
    background-position: left;
    color: #fff;
}

вот тут у вас стоит background-size: contain; и background-position: left; вам надо поменять на
background-size: cover; background-position: right;
и еще вам надо адаптировать под более маленькие экраны
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы