Merge pull request #61 from KieIO/fix-response

Fix response FeaturedProductsCarousel

src/components/modules/checkout/CheckoutInfo/components/CustomerInfoForm/CustomerInfoForm.module.scss

@@ -11,5 +11,12 @@
             font-size: 1.2rem;
             line-height: 2rem;
         }
+        @screen sm-only {
+            @apply flex-col items-start;
+            .button {
+                padding-top: 2rem;
+            }
+        }
+
     }
 }

src/components/modules/checkout/CheckoutInfo/components/CustomerInfoForm/CustomerInfoForm.tsx

@@ -43,9 +43,11 @@ const CustomerInfoForm = ({ id, onConfirm }: CustomerInfoFormProps) => {
           }
           .
         </div>
-        <ButtonCommon onClick={handleConfirmClick}>
+        <div className={s.button}>
-          Continue to Shipping
+          <ButtonCommon onClick={handleConfirmClick}>
-        </ButtonCommon>
+            Continue to Shipping
+          </ButtonCommon>
+        </div>
       </div>
     </div>
   )

src/components/modules/checkout/CheckoutInfo/components/PaymentInfoForm/PaymentInfoForm.module.scss

@@ -12,5 +12,11 @@
             font-size: 1.2rem;
             line-height: 2rem;
         }
+        @screen sm-only {
+            @apply flex-col items-start;
+            .button {
+                padding-top: 2rem;
+            }
+        }
     }
 }

src/components/modules/checkout/CheckoutInfo/components/PaymentInfoForm/PaymentInfoForm.tsx

@@ -44,9 +44,11 @@ const PaymentInfoForm = ({onConfirm,id}: PaymentInfoFormProps) => {
           }
           .
         </div>
-        <ButtonCommon onClick={handleConfirmClick}>
+        <div className={s.button}>
-          Submit Order
+          <ButtonCommon onClick={handleConfirmClick}>
-        </ButtonCommon>
+            Submit Order
+          </ButtonCommon>
+        </div>
       </div>
     </div>
   )

src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.module.scss

@@ -12,6 +12,12 @@
             font-size: 1.2rem;
             line-height: 2rem;
         }
+        @screen sm-only {
+            @apply flex-col items-start;
+            .button {
+                padding-top: 2rem;
+            }
+        }
     }
     .line{
         >div{

src/components/modules/checkout/CheckoutInfo/components/ShippingInfoForm/ShippingInfoForm.tsx

@@ -86,9 +86,11 @@ const ShippingInfoForm = ({onConfirm,id}: ShippingInfoFormProps) => {
           }
           .
         </div>
-        <ButtonCommon onClick={handleConfirmClick}>
+        <div className={s.button}>
-          Continue to Payment
+          <ButtonCommon onClick={handleConfirmClick}>
-        </ButtonCommon>
+            Continue to Payment
+          </ButtonCommon>
+        </div>
       </div>
     </div>
   )

src/components/modules/home/FeaturedProductsCarousel/FeaturedProductsCarousel.tsx

@@ -54,7 +54,7 @@ const dataDemo:FeaturedProductCardProps[] = [{
     },
     lap: {
       breakpoint: { max: 1024, min: 968 },
-      items: 1.75,
+      items: 1.7,
     },
     tablet: {
       breakpoint: { max: 968, min: 768 },
@@ -66,11 +66,11 @@ const dataDemo:FeaturedProductCardProps[] = [{
     },
     largeMobile: {
       breakpoint: { max: 640, min: 400 },
-      items: 2,
+      items: 1.5,
     },
     mobile: {
       breakpoint: { max: 400, min: 300 },
-      items: 1.5,
+      items: 1.15,
     },
     smallMobile: {
       breakpoint: { max: 300, min: 0 },