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.
As bbsmooth said the navbar should be on the left side of the screen where yours is at the top.
It also needs to be fixed in place so that it doesn’t move when you scroll down the screen. Do you remember the position tutorials…fixed,relative,absolute etc. Don’t hesitate to re read them if you can’t remember
Adding fixed will get you through the test. But ideally you would divide the screen into 2 columns with nav on the left and the rest on the right. Then you would fix the nav in place so that it does not move.
Youtube has great tutorials on css and html. Net ninja is very good. CSS Grid is an awesome tool for doing things like this. Worth watching some tutorials on it. It will help for your next challenges
yeah your right i passed and now im trying to clean it up a bit, trying to figure out how to do that page divide like u were saying, i do watch alot of youtubers and finding ones i like.
Have you saved your codepen, because I’m showing that you still aren’t passing this test.
Also, as @jaydog noted, you can technically pass a test but still violate the spirit of it The menu should run down the left side of the page and the content to the right of the menu.