Как уменшить расстояние между слайдами в swiper

Question

Вот ссылка на githubpages, там полный сайт, проблема заключается в том, что свайпер заполняет всё пространство и я не знаю как сделать так что бы слайды были по центру ссылка

new Swiper('.examples-slider', {
   navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev'
   },
   slidesPerView: 4,
   spaceBetween: 0,
   slidesPerGroup: 4,
   speed: 1500,
   // centeredSlides: true,
})

.examples {
   &__content {
   }

   &__title {
      margin-bottom: 50px;
   }
}

.examples-slider {
   &__wrapper {
   }

   &__item {
      img {
         max-width: 223px;
         margin: 0;
      }
   }
}

         <section class="examples">
            <div class="examples__content _container">
               <h2 class="examples__title title">Примеры допусков и сертификатов</h2>
               <div class="examples-slider swiper-container">
                  <div class="examples-slider__wrapper swiper-wrapper">
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/first.png" alt="фото документов промышленной безопасности">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/second.png" alt="фото документов элеетробезопассс">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/third.png" alt="фото прав на спецтехнику тракторист машинист">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/fourth.png" alt="фото прав для допуска на высоту">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/first.png" alt="фото документов промышленной безопасности">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/second.png" alt="фото документов элеетробезопассс">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/third.png" alt="фото прав на спецтехнику тракторист машинист">
                     </div>
                     <div class="examples-slider__item swiper-slide">
                        <img src="./img/examples/fourth.png" alt="фото прав для допуска на высоту">
                     </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
               </div>
            </div>
         </section>

БЛОГ НА HUSL

Как уменшить расстояние между слайдами в swiper

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