Technical Documentary page, error the element id=nav should be shown on the left of the screen

Hello, Guys, I need your help,
I keep getting this error even after stipulating it in my media query, and that’s the last test for me to pass.

“## 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 my pen my technical documentary page

All of your tests are passing on my machine.

Try refreshing your page? or use Chrome if you aren’t.

Yeah thanks its all green now but the issue is that after using media query the site is still not mobile friendly, please guys I need help, here is the link my technical documentary page project how else can I make it just scroll down on mobile and not sideways, and please if you tweak it kindly leave a comment.