Comment puis-je centrer cette carte ?

Question

Je rencontre un problème avec une carte réalisée avec swiperjs. J'essaie de centrer la carte sur l'écran du mobile mais je n'y arrive pas. S'il vous plaît, aidez-moi à résoudre ce problème.

var swiper = new Swiper(".slide-content", {
  slidesPerView: 3,
  spaceBetween: 30,
  loop: true,
  centerSlide: 'true',
  fade: 'true',
  grabCursor: 'true',
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

Answer 1

var swiper = new Swiper(".slide-content", {
  slidesPerView: 1, // Set the number of visible slides to 1
  loop: true,
  centerSlides: true, // Use 'centerSlides' instead of 'centerSlide'
  fadeEffect: true, // Use 'fadeEffect' instead of 'fade'
  grabCursor: true,
  pagination: {
    el: ".swiper-pagination",
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});