proceed fixed (#115)

MAVRICK-1 · May 14, 2024 · c4befc3 · c4befc3
1 parent 5589469
commit c4befc3
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;
 }