Merge pull request #31 from TartejBrothers/Updates

Updated: Footer
TartejBrothers · May 27, 2024 · c5a3f1a · c5a3f1a
2 parents 98bd802 + 19929ed
commit c5a3f1a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 10 deletions.
diff --git 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
@@ -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;
+  }
 }