Project : Build a Technical Documentation Page

  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.

I think I have place the navbar on the left hand side but it covers the main content
I am wondering what the problem is. Can anyone help me please #pleasepleaseplease#

https://codepen.io/xavieryeung/pen/WNoJbKN

1 Like

You should move the content over to the right and just have the navbar fixed on the left.
Use the margin property. :grinning:

2 Likes

Thank you I got it done finally!

2 Likes