From c4befc3f43abff309c7f153bc1816e06924c5ce1 Mon Sep 17 00:00:00 2001
From: Hemanth kumar <rajva5727@gmail.com>
Date: Tue, 14 May 2024 09:58:44 +0530
Subject: [PATCH] proceed fixed (#115)

---
 src/pages/cart/index.js      | 4 ++--
 src/pages/cart/style.css     | 7 +++++++
 src/pages/wishList/index.js  | 4 ++--
 src/pages/wishList/style.css | 7 +++++++
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/pages/cart/index.js b/src/pages/cart/index.js
index d7f4dfa..3a6699f 100644
--- a/src/pages/cart/index.js
+++ b/src/pages/cart/index.js
@@ -120,8 +120,8 @@ const Cart = () => {
           )}
           <section className="cartSection mb-5">
             <div className="container-fluid">
-              <div className="row">
-                <div className="col-md-8">
+              <div className={context.windowWidth>770 && "row"} >
+                <div className={`${context.windowWidth<770? "col-md-full":"col-md-7"}`}>
                   <div className="d-flex align-items-center w-100">
                     <div className="left">
                       <h1 className="hd mb-0">Your Cart</h1>
diff --git a/src/pages/cart/style.css b/src/pages/cart/style.css
index 8dd4eaf..8e9e112 100644
--- a/src/pages/cart/style.css
+++ b/src/pages/cart/style.css
@@ -2,6 +2,8 @@
   width: 100%;
   height: auto;
   padding: 10px 0px;
+  display: flex;
+  justify-content: center;
 }
 .cartSection .clearCart {
   font-weight: 600;
@@ -59,8 +61,13 @@
 
 .cartRightBox {
   padding-left: 100px;
+  padding-bottom: 30px;
+  height: auto;
 }
 .cartRightBox .card {
   position: sticky;
   top: 150px;
+  height: auto;
+  margin: auto;
+  max-width: 430px;
 }
diff --git a/src/pages/wishList/index.js b/src/pages/wishList/index.js
index 4e0cd2c..0c05e12 100644
--- a/src/pages/wishList/index.js
+++ b/src/pages/wishList/index.js
@@ -129,8 +129,8 @@ const WishList = () => {
           )}
           <section className="cartSection mb-5">
             <div className="container-fluid">
-              <div className="row">
-                <div className="col-md-8">
+              <div className={context.windowWidth>770 && "row"}>
+                <div className={`${context.windowWidth<770? "col-md-full":"col-md-7"}`}>
                   <div className="d-flex align-items-center w-100">
                     <div className="left">
                       <h1 className="hd mb-0">Your Wishlist</h1>
diff --git a/src/pages/wishList/style.css b/src/pages/wishList/style.css
index 8dd4eaf..8e9e112 100644
--- a/src/pages/wishList/style.css
+++ b/src/pages/wishList/style.css
@@ -2,6 +2,8 @@
   width: 100%;
   height: auto;
   padding: 10px 0px;
+  display: flex;
+  justify-content: center;
 }
 .cartSection .clearCart {
   font-weight: 600;
@@ -59,8 +61,13 @@
 
 .cartRightBox {
   padding-left: 100px;
+  padding-bottom: 30px;
+  height: auto;
 }
 .cartRightBox .card {
   position: sticky;
   top: 150px;
+  height: auto;
+  margin: auto;
+  max-width: 430px;
 }