I failed in one test: " 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." - My navigation bar is fixed on the left side of page. I don’t know why I fail this test.
I try to use media query to change width of navigation bar and main section for smaller screens. I want my navigation bar to move top when screen is smaller, but it doesn’t work.
Under Test Suite on the left you need to change the project you are doing. In this case you should be selecting the “Technical Documentation Page”
I viewed your project on codepin and you passed everything
@ibahcode if you make screen thinner navigation bar will be above main section. I think my media query doesn’t work property. I want for smaller screens navigation bar to be at top and both have width 100%
try to resize the width of the page. if it is 870px wide all tests passed. less than 870 px 1 test failed. Check once. I think it is not a problem because all regular sized devices are more than 870px.