Navbar on left half of screen, not passing

Please let me know what I am missing. I can’t pass this section.

https://codepen.io/cvillani/pen/WNerKRP

  • 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.

#navbar {
position: fixed;
}

It is failing this part.

not possible to help you if oh don’t post your codepen link

I figured it out, I needed to move the #navbar css code above the media query…wow. That was driving me crazy.

Thanks, I just realize I didn’t post it. I figure it out. Thanks for your help.