refactoring

pooranjoyb · Jun 13, 2024 · 564749c · 564749c
1 parent 8a9839d
commit 564749c
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 54 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -129,11 +129,11 @@ export default function NewFooter() {
   return (
     <>
       <div className="md:h-40 md:flex md:justify-center md:items-center flex flex-col justify-between items-center p-4">
-          <div className="w-1/2 flex flex-col justify-center items-center">
-            <h1 className="text-3xl font-bold">Subscribe to our newsletter</h1>
-            <p className="text-lg">Stay up to date with our latest news, exclusive offers, and promotions.</p>
+          <div className="md:w-1/2 flex flex-col justify-center items-center text-center">
+            <p className="md:text-3xl text-2xl font-bold">Subscribe to our newsletter</p>
+            <p className="md:text-lg">Stay up to date with our latest news, exclusive offers, and promotions.</p>
           </div>
-          <div className="md:flex gap-4 w-1/2 justify-center items-center flex flex-col md:flex-row mt-4">
+          <div className="md:flex gap-4 md:w-1/2 justify-center items-center flex flex-col md:flex-row mt-4">
             <input type="text" placeholder="Enter your email" className="input input-bordered w-full max-w-xs" required />
             <Button text="Subscribe" color="mygreen" hover="myred" />
           </div>

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
@@ -4,7 +4,6 @@ import { useInView } from "react-intersection-observer";
 import Product from "../../components/Product";
 import Head from "../../components/Head";
 import Button from "../../components/Button";
-// import Subscribe from "../../components/Subscribe/Subscribe";
 import "../../index.css"; // Import the custom CSS file
 
 function Home() {
@@ -243,7 +242,6 @@ function Home() {
           </Link>
         </div>
       </motion.div>
-      {/* <Subscribe />  */}
     </>
   );
 }

diff --git a/src/tailwind/output.css b/src/tailwind/output.css
@@ -3106,10 +3106,6 @@ html {
   gap: 2rem;
 }
 
-.gap-32 {
-  gap: 8rem;
-}
-
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
@@ -3295,6 +3291,10 @@ html {
   padding: 0.5rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .p-5 {
   padding: 1.25rem;
 }
@@ -3893,46 +3893,14 @@ img:hover {
     margin-top: 0px;
   }
 
-  .md\:ml-\[12rem\] {
-    margin-left: 12rem;
-  }
-
-  .md\:-ml-\[12rem\] {
-    margin-left: -12rem;
-  }
-
-  .md\:-ml-\[2rem\] {
-    margin-left: -2rem;
-  }
-
-  .md\:ml-\[2rem\] {
-    margin-left: 2rem;
-  }
-
-  .md\:ml-\[6rem\] {
-    margin-left: 6rem;
-  }
-
-  .md\:ml-\[120rem\] {
-    margin-left: 120rem;
-  }
-
-  .md\:ml-\[10rem\] {
-    margin-left: 10rem;
-  }
-
-  .md\:ml-\[20rem\] {
-    margin-left: 20rem;
-  }
-
-  .md\:mr-\[20rem\] {
-    margin-right: 20rem;
-  }
-
   .md\:block {
     display: block;
   }
 
+  .md\:flex {
+    display: flex;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -3941,6 +3909,10 @@ img:hover {
     height: 6rem;
   }
 
+  .md\:h-40 {
+    height: 10rem;
+  }
+
   .md\:h-\[38rem\] {
     height: 38rem;
   }
@@ -4005,6 +3977,10 @@ img:hover {
     justify-content: flex-end;
   }
 
+  .md\:justify-center {
+    justify-content: center;
+  }
+
   .md\:justify-between {
     justify-content: space-between;
   }
@@ -4035,10 +4011,6 @@ img:hover {
     padding-inline-start: 2rem;
   }
 
-  .md\:pr-\[20rem\] {
-    padding-right: 20rem;
-  }
-
   .md\:text-center {
     text-align: center;
   }
@@ -4061,6 +4033,16 @@ img:hover {
     font-size: 1.25rem;
     line-height: 1.75rem;
   }
+
+  .md\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
+  .md\:text-lg {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -4096,10 +4078,6 @@ img:hover {
     height: 100%;
   }
 
-  .lg\:w-1\/12 {
-    width: 8.333333%;
-  }
-
   .lg\:w-1\/2 {
     width: 50%;
   }