Search code examples
htmlcssheadermarginnav

How to get rid of small space in-between (after)Header and Nav?

How it looks, that small space between those two

[Css code. ps. i did code reset code (cant be seen on picture)2

It have reset code, i also tried to add margin and padding on each one of them, and it didnt work. Same amount of space is there when resizing screen. Any idea why?

Solution

  • Add display: block; to the header image to remove the white space.

    header img {
  width: 100%;
  height: 50vh;
  display: block
}

    Detailed explanation: Removing white space below inage elements, or why inline elements have descenders