Technical Documentation project-navbar won't move?

HTML-CSS
1

I made a technical documentation page. I can’t get the navbar with links to move and it blocks the text. How can I fix it so that when it’s in full screen it’s centered at the top of the page?

Here’s my project: https://codepen.io/springstep/pen/VwZqrqP

2

If you remove position:fixed does that result in what you’re trying to achieve?

3

Thanks, it worked! However when I run the test I “fail it” because:

  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.

IMO it looks way better when position:fixed is removed.