I'm facing an issue with coding the header on my website. The header looks fine in Chrome, but it's displaying incorrectly in Firefox. The problem seems to be with the responsiveness of the header, which was coded using Bootstrap 3.
Here are some photos demonstrating the issue:
The header in Chrome:
(looks nice and clean)
The header in Firefox:
(looks messed up)
This issue started when I created the top bar section.
Here's a snippet of my code:
<!doctype html>
<html lang="en>
<!-- code omitted for brevity -->
</html>
And here's the corresponding CSS code:
/* Styles for the header */
.navbar-default{
height: 100px;
}
#greeny-header{
margin-top: 25px;
}
/* Additional styles omitted for brevity */