From 0a5d64c30e43f3dab8cd2d0b4b08b8c3e197dbca Mon Sep 17 00:00:00 2001
From: Dhairya Gothi <dhairyag31@gmail.com>
Date: Wed, 31 Jul 2024 00:01:39 +0530
Subject: [PATCH] fixed footer

---
 src/components/Footer/Footer.css | 20 +++++++++++++++++++-
 src/components/Footer/Footer.jsx |  3 ++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css
index 68c606a..8ee7536 100644
--- a/src/components/Footer/Footer.css
+++ b/src/components/Footer/Footer.css
@@ -28,6 +28,7 @@
 #title{
   margin-left: -50px;
   @media (min-width: 786px) and (max-width: 905px) {
+
     margin-left: 0;
   }
   @media (width: 319px) {
@@ -37,4 +38,21 @@
     margin-left: 0;
   }
 }
-  
\ No newline at end of file
+  
+  .footer {
+    background-color: #000;
+    background-color: var(--footer-color);
+    padding: 2rem 0;
+    text-align: center;
+  }
+  .container input {
+    width: auto;
+  }
+  
+
+  @media (min-width: 786px) and (max-width: 905px) {
+    .container {
+      width: 90% !important;
+    }
+    
+  }
diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx
index 65a7422..3c6456f 100644
--- a/src/components/Footer/Footer.jsx
+++ b/src/components/Footer/Footer.jsx
@@ -230,7 +230,7 @@ const Footer = () => {
 
           <div
             className="container"
-            style={{ display: "inline-block", marginTop: "-15rem" }}
+            style={{ display: "inline-block", marginTop: "-15rem"  , width: "90%" }}
           >
             <h5 style={{ color: "white", marginLeft: "0rem",fontWeight:"bold" }}> Email Us</h5>
             <div
@@ -247,6 +247,7 @@ const Footer = () => {
                 placeholder="Type your message here"
                 style={{
                   padding: "3px",
+                  width: "auto",
                   marginLeft: "-25rem",
                   height: "2rem",
                   fontSize: "15px",