merch

TCP-Tech · Oct 18, 2023 · bcbf7db · bcbf7db
1 parent f694537
commit bcbf7db
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 7 deletions.
diff --git a/src/components/merchandiseCard/MerchandiseCard.css b/src/components/merchandiseCard/MerchandiseCard.css
@@ -18,11 +18,18 @@
 
 .codeutsava__merchandise-right {
   flex: 1;
+  gap: 4px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 
+.codeutsava__merchandise-right-content{
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
 .codeutsava__merchandise-img-container {
   flex: 1;
 }

diff --git a/src/components/merchandiseCard/MerchandiseCard.js b/src/components/merchandiseCard/MerchandiseCard.js
@@ -24,14 +24,21 @@ const MerchandiseCard = () => {
           <h1>Official Merchanise - CU7.0</h1>
           <h3>Grab yours one Now!</h3>
         </div>
+        <div className="codeutsava__merchandise-right-content">
         <div>
-          <p>Price (Customised): ₹499 /-</p>
-          <p>Price (Non-Customised): ₹449 /-</p>
-          <p>Special Offer</p>
-          <p>Buy 3 Get ₹100 /- OFF</p>
-          <p>Buy 5 Get ₹250 /- OFF</p>
-          <p>Buy 10 Get ₹600 /- OFF</p>
-          <p>Sizes Available: XS, S, M, L, XL</p>
+          <h2>Price (Customised): ₹499 /-</h2>
+          <h2>Price (Non-Customised): ₹449 /-</h2>
+
+        </div>
+        <div>
+          <h2>Special Offer</h2>
+          <h4>Buy 3 Get ₹100 /- OFF</h4>
+          <h4>Buy 5 Get ₹250 /- OFF</h4>
+          <h4>Buy 10 Get ₹600 /- OFF</h4>
+
+        </div>
+
+          <h2>Sizes Available: XS, S, M, L, XL</h2>
           <p>Disclaimer: Delivery Available Only in Raipur.</p>
         </div>
         <a