Help in keeping Navbar top of viewport

hi friends,
I need help in keeping navbar on top of viewport.
I tried resolving it by following FCC already posted queries.
Its not working properly.
Can anyone pls help me in fixing this.
my pen link:

  • Change the name of the #navbar code block to header
  • Remember, viewport height units are vh not vw.
  • Uncomment all of the properties (you have two height properties).
  • Add a z-index more than 1 to bring the header over the other content.

You will need to change ALL instances of vertical size from vw to vh, and use % for padding, unless it is horizontal padding only. That will fix the overflowing nav buttons.

hi @leebut thank you.