Recently, I've encountered some challenges with the footer formatting on my website's home page and the sign-in form on a separate page. It appears that the Bootstrap framework at the top of the page is affecting these elements exclusively. How can I resolve this issue?
index.html:
<!DOCTYPE html>
<html>
<head>
...
</body>
</html>
style.css:
/*FOOTER*/
footer {
background: #ebf4fa;
color: white;
margin-top: 0px;
font-family: 'Poppins', sans-serif;
}
...
...
@media (max-width: 570px) {
...
}
...
signin.html:
<!DOCTYPE html>
<html lang="en">
<head>
...
</body>
</html>
signin.css:
/* navbar CSS carried over from previous file */
/* FOOTER STYLES */
footer {
background: #ebf4fa;
color: white;
margin-top: 0px;
font-family: 'Poppins', sans-serif;
}
...
...
@media (max-width: 570px) {
...
}
...