Why is there a white space at the beginning of the body/html document (on top of the navigation bar)-CodePudding

check the code here:

https://landing-page.adrianojedaf.repl.co

I thought it could be the overflow-x so I disable the Scroll Bar in CSS but the white space on top of the navigation-bar is still there. When I use the Browser's inspector, it seems like the white space is part of the header, but it doesn't have any margin or other property that could be generating it so I really don't know.

CodePudding user response：

Here put this on your code instead.I remove your unknown image tag To resolve your problem and this should work.

<header id="header">
    <nav id="nav-bar">
      <div >
        <img src="images/carrot.png">
        <a  href="index.html">Carrot</a>
        <div >
          <a  href="#submit">Features</a>
          <a  href="#goVideo">Process</a>
          <a  href="#prices">Prices</a>
        </div>
      </div>
    </nav>
  </header>