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

Я использую Swiper JS для пролистывания полностраничных блоков, но не могу сделать так чтобы содержимое занимало все пространство внутри секции, а именно растянулось сверху и снизу в полный рост. У меня стоит правило

section {
   padding: 60px 0 !important;
  
}

И поэтому содержимое секции не растягивается полностью, но как сделать так, чтобы содержимое секции растянулось и были заполнены эти зеленые пустоты? Я специально сделал фон секции зеленым, чтобы было видно лучше

Сам сайт cn76553.tmweb.ru

Весь код jsfiddle.net/u2cj3gw7/

PS данная секция называется .services и чтобы пролистывать полностраничные блоки надо выбрать Интернет магазин > Узнать подробнее> Примеры работ

введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения


Ответы (1 шт):

Автор решения: ishaba

Зачем нужны стили?

section {
   padding: 60px 0 !important;
}

Если для того чтобы контент не попадал под меню то их лучше применять, как я поимаю, к элементу с классом .wrapper

Для класса .services-first-slider добавьте стиль

background-size: cover;

тогда картинка растянется на весь блок

background-size: contain background-size: cover

→ Ссылка