responsive review

components/ItemsRow.vue

@@ -13,6 +13,7 @@
         ref="productDetails"
         class="carousel"
         :items-to-show="itemsToShow"
+         :breakpoints="config.breakpoints"
         :gap="1"
         :pagination-enabled="false"
         :wrap-around="false"
@@ -80,7 +81,7 @@ export default {
     },
     itemsToShow: {
       type: Number,
-      default: 4,
+      default: 1,
     },
   },
   data() {
@@ -90,15 +91,15 @@ export default {
         height: 200,
         breakpointMode: 'carousel', // o 'viewport'
         breakpoints: {
-          300: {
-            itemsToShow: 2,
+          768: {
+            itemsToShow: 3,
             snapAlign: 'center',
           },
-          400: {
+          1024: {
             itemsToShow: 3,
             snapAlign: 'start',
           },
-          500: {
+          1440: {
             itemsToShow: 4,
             snapAlign: 'start',
           },