Slider Responsive

AQuadic · Sep 3, 2024 · 0756db8 · 0756db8
1 parent 833c766
commit 0756db8
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -3134,8 +3134,7 @@ form .tel::after {
     justify-content:center;
 }
 
-.card-content .card-title.first,
-.card-content .card-title.third  {
+.margin-top-65 {
     margin-top:65px
 }
 

diff --git a/index.html b/index.html
@@ -1334,6 +1334,24 @@ <h2>Payment Methods</h2>
       nextEl: '.swiper-button-next',
       prevEl: '.swiper-button-prev',
     },
+    breakpoints: {
+          200: {
+            slidesPerView: 1,
+            spaceBetween: 20,
+          },
+          554: {
+            slidesPerView: 2,
+            spaceBetween: 20,
+          },
+          768: {
+            slidesPerView: 4,
+            spaceBetween: 40,
+          },
+          1024: {
+            slidesPerView: 5,
+            spaceBetween: 50,
+          },
+        },
   });
   </script>