How do I center align this card?
P粉851401475
P粉851401475 2024-03-31 11:48:07
0
1
591

I'm having a problem with a card made with swiperjs. I'm trying to center the card on the mobile screen but I can't. Please help me solve this problem.

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",
  },
});

P粉851401475
P粉851401475

reply all(1)
P粉878510551
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",
  },
});
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template