From 19929edd3cdbe70ff2d68e9372e3bb94fc11211e Mon Sep 17 00:00:00 2001
From: TartejBrothers <taranjeetsinghbedi2@gmail.com>
Date: Mon, 27 May 2024 19:43:39 +0530
Subject: [PATCH] Updated: Footer

---
 src/components/footer.jsx        | 12 +++++++-----
 src/components/styles/footer.css | 22 +++++++++++++++++-----
 2 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/components/footer.jsx b/src/components/footer.jsx
index a8e9810..96a7c89 100644
--- a/src/components/footer.jsx
+++ b/src/components/footer.jsx
@@ -66,12 +66,14 @@ export default function footer() {
             <div className="footerworkrightheader">OUR PRICING?</div>
             <hr className="footerworkrightsplitter" />
             <form>
-              <input type="email" placeholder="Enter address" />
-              <button type="submit">
-                <img src={arrowsubmit} alt="Submit Arrow" />
-              </button>
+              <div className="formmain">
+                <input type="email" placeholder="Enter address" />
+                <button type="submit">
+                  <img src={arrowsubmit} alt="Submit Arrow" />
+                </button>
+              </div>
+              <hr className="formline" />
             </form>
-            <hr className="formline" />
           </div>
         </div>
         <div className="footerrightmost">
diff --git a/src/components/styles/footer.css b/src/components/styles/footer.css
index 9b2f4fa..c0804ff 100644
--- a/src/components/styles/footer.css
+++ b/src/components/styles/footer.css
@@ -37,11 +37,12 @@
 .footerworkleftside h1 {
   font-size: 20px;
   text-align: center;
-  color: #fc17a0;
+  color: #771bc8;
   margin: 10px 0 10px 0;
 }
 .footerworkright {
   display: flex;
+  gap: 50px;
   justify-content: center;
   align-items: flex-start;
 }
@@ -55,13 +56,13 @@
   font-size: 15px;
 }
 .footerworkrightheader {
-  color: #fc17a0;
+  color: #771bc8;
   font-size: 14px;
   text-align: left;
 }
 .footerworkrightsplitter {
   width: 50%;
-  border: 1px solid #fc17a0;
+  border: 1px solid #771bc8;
   margin: 10px 0 20px 0;
 }
 .footerwork ul {
@@ -93,7 +94,10 @@
   padding: 20px;
   background-color: #390e62;
 }
-.footerworkrightbody form {
+form {
+  width: fit-content;
+}
+.formmain {
   display: flex;
   flex-direction: row;
 }
@@ -122,7 +126,6 @@
   margin-top: 20px;
 }
 .footerrightmost ul {
-  padding: 20px 10px 0px 10px;
   padding: 20px 10px 0px 10px;
   background-color: #350e59;
   display: flex;
@@ -160,4 +163,13 @@
   .socials {
     justify-content: center;
   }
+  .footerrightmost {
+    justify-content: center;
+  }
+  .footerrightmost ul {
+    padding: 20px 20px 5px 20px;
+    flex-direction: row;
+    gap: 20px;
+    border-radius: 20px;
+  }
 }