Fixed Carousel Overflow on homepage and made it responsive (#975)

Signed-off-by: eeshaanSA <eeshaans1@gmail.com>
apache · May 21, 2023 · bb3a187 · bb3a187
1 parent 93b6110
commit bb3a187
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/home/src/pages/components/LogoCarousel.js b/home/src/pages/components/LogoCarousel.js
@@ -10,15 +10,32 @@ const iconCommonUrl = '/img/icons/'
 // const cdnUrl = '/img/icons/'
 
 var settings = {
-    dots: false,
     infinite: true,
     speed: 1200,
     slidesToShow: 6,
     slidesToScroll: 1,
     autoplay: true,
-    autoplaySpeed: 800,
+    autoplaySpeed: 1000,
     rows: 1,
-    vertical: false
+    responsive : [
+        {
+            breakpoint : 1024,
+            settings : {
+                slidesToShow : 2.75,
+                slidesToScroll : 3,
+                speed : 2000,
+                infinite : true,
+            },
+        },
+        {
+            breakpoint : 480,
+            settings : {
+                speed : 2000,
+                slidesToShow : 0.75,
+                slidesToScroll : 1,
+            }
+        }
+    ],
 };
 
 export default class LogoCarousel extends React.Component {