Как адаптировать слайдер swiper-slider?

Question

[rasimzes]

Добрый день! Подскажите, пожалуйста, как адаптировать слайдер, чтобы при ширине меньше 992px (и до 320px) слайдер занимал весь контейнер. Сам естественно поработал с шириной и другими свойсвами блоков, но необходимого результата не добился. Если посмотреть имеющийся код на 992px, видно что изображение занимает лишь 827px.

Имеющийся на данный момент код, который нужно дора...

P.S. Также, буду крайне благодарен, если подскажите как спустить вниз пагинацию, примерно на 15px от нижнего края блока со слайдером. На блоке висит overflow: hidden, вот она и пропадает, если просто уменьшиь значение bottom.

Answer 1

[Erl]

Итого как ответ:
<div class="swiper-pagination"></div>
вынести это перед закрытием блока grid-col-slider и дальше позиционировать
что касается изображения

.img {
      background-size: cover;
      height: 100%;
      width: 89%;
      background-position: center;
      background-repeat: no-repeat;
    }

задайте ширину 100%

Comments

[rasimzes]

Спасибо! Разобрался!
P.S. "width: 89%;" - перед глазами велосипедист, что вставляет палку в колесо сам себе)