Build a technical documentation page-navbar issues

im having trouble completing the following navbar challenge in the technical document page…

“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.”

as you can see from the link it gets distorted with irellevent texts and doesnt work. it all goes smoothly untill i try to make it cover the left half of the screen.

https://codepen.io/adamsmith1990/pen/BXOXdO?editors=0100