Technical Documentation Page n14

I have passed all the tests except number 14: " On regular sized devices (laptops, desktops), the element with id="navbar" should be shown on the left side of the screen and should always be visible to the user." and I feel very lost about it, I have tried and searched but I don’t even understand what is the problem. Can someone help me? Thank you so much.

Link to my code so far: https://codepen.io/Codelyn/pen/RwxLeKV

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:98.0) Gecko/20100101 Firefox/98.0

Challenge: Build a Technical Documentation Page

Link to the challenge:

Zoom out (for me it worked at 33% zoom) and then try the test. Reading the error again should explain why this makes the test work.

1 Like

Your navbar already shows on the left side of the screen.

If you want to make your page responsive then try using media queries. Also try enclosing the navbar and the rest of the page’s content as two items of a CSS flexbox. In a media query that handles larger screens, the flex direction can be row wise. In the media query for smaller screens, the flex direction could be column-wise. That way the navbar will appear on top for smaller screens.

1 Like

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