Merge pull request #374 from dhairyagothi/master

fixed footer #345
Mansi168 · Aug 9, 2024 · cb48689 · cb48689
2 parents b26409f + 0a5d64c
commit cb48689
Show file tree

Hide file tree

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