I am facing a problem with cards that I had made with swiperjs. I am trying to center the card in the mobile screen but I couldn’t. Please help me to fix it.
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",
},
});
2
Answers
try this: