Body content showing up underneath navbar

HTML-CSS
#1

All of my body content is showing up underneath the header. I tried using margin top to fix it and it works fine but isn’t responsive at all. Not sure what to do here?

#2

A few things:

  • You want to set padding-top instead of margin-top on the h1.
  • Putting a margin on the header will put space between it and the edge of the browser window
#3

Ok ok that makes sense. Is that standard practice when a header is overlapping page content?