Skip to content

Commit

Permalink
fixed footer
Browse files Browse the repository at this point in the history
  • Loading branch information
dhairyagothi committed Jul 30, 2024
1 parent b17255e commit 0a5d64c
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 2 deletions.
20 changes: 19 additions & 1 deletion src/components/Footer/Footer.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,7 @@
#title{
margin-left: -50px;
@media (min-width: 786px) and (max-width: 905px) {

margin-left: 0;
}
@media (width: 319px) {
Expand All @@ -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;
}

}
3 changes: 2 additions & 1 deletion src/components/Footer/Footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -247,6 +247,7 @@ const Footer = () => {
placeholder="Type your message here"
style={{
padding: "3px",
width: "auto",
marginLeft: "-25rem",
height: "2rem",
fontSize: "15px",
Expand Down

0 comments on commit 0a5d64c

Please sign in to comment.