Product landing-page nav error

Hi guys
please I have been stuck looking for the problem with my product landing page
I keep getting this error: “1. On regular sized devices (laptops, desktops), the element with id=“navbar” should be shown on the left half of the screen. It should always be visible to the user and should remain stationary. You may need to enlarge the viewport or zoom out to ensure the navbar doesn’t scroll with the page content”
here is the link to the page:


please I will would really appreciate some help

The issue is you aren’t using that id in your css. If you change .navitem to #navbar in your media query it will pass the test.

1 Like

thank you so much @LisaLoop
you’re the best :kissing_heart:

but I don’t understand… why did the class specifier not work

The test is looking for that specific ID. It did work in the fact that you got the page styled as you wanted it, just not to pass the test.