updated carousel view

src/app/components/items-carousel/items-carousel.component.ts

@@ -41,7 +41,7 @@ export class ItemsCarouselComponent implements OnInit {
         this.responsiveOptions = [
             {
                 breakpoint: '1400px',
-                numVisible: 3,
+                numVisible: 5,
                 numScroll: 1
             },
             {
@@ -49,6 +49,11 @@ export class ItemsCarouselComponent implements OnInit {
                 numVisible: 4,
                 numScroll: 1
             },
+            {
+                breakpoint: '991px',
+                numVisible: 3,
+                numScroll: 1
+            },
             {
                 breakpoint: '767px',
                 numVisible: 2,
@@ -102,7 +107,9 @@ export class ItemsCarouselComponent implements OnInit {
         return item.price;
     }
 
-    addToCart(item: Item): void {
+    addToCart(event: Event, item: Item): void {
+        event.preventDefault();
+        event.stopPropagation();
         this.cartService.addItem(item.itemID, 1);
     }
 }