Technical Documentation Page Navbar Resize Issue

HTML-CSS
1

Hi guys, I had an issue with building Technical Documentation Page, 15/16 test, the issue is: 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 code is: https://codepen.io/grace-geek/pen/eYBPrwo

When the width is wider than 750px, it shows 16/16. I couldn’t figure out what went wrong, please help me out!
Appreciate~

Grace

2

Hi Grace,

welcome to our community!
Dont worry, if you check the error message it says "Please run this test in a larger window (without any media queries)" so basically if you passed with your wider screen, you passed the test. The Test just doesnt work if your window is smaller (after your media queries).

BR

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.