Need Help In the Technical Documentation project

Hello everyone so I was building a technical document project everything is perfect but I am getting only one error that is this

1. 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.

This is my code link what’s wrong with this code

https://codepen.io/Golla401/pen/KKWgbwL

As said in the error text, you need to keep the navbar elements on the left side of the screen. You can refer to that challenge related reference webpage. Right now, you navbar is on the top position which is correct in case of mobile devices but wrong for laptop devices. My advice is to use media queries to change the position of the navbar when the screen size is that of laptop devices.

can you explain it more clearly?

I mean on mobile/tablet devices:


And on laptop/desktop devices:

Push the sidebar on the left half of the screen by using media queries and giving flexbox and width percentage to each container elements.

1 Like

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