Layout issue Technical Documentation Page

I’m not sure how I can resolve this one : #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.

https://codepen.io/larisacostea1997/pen/VwrrMqZ

just check the example page. On regular size screen the nav-bar is a Left Sidebar which’s content we can always see no matter how far we scroll down.
Use browser’s dev console to see which element of the screen is which id/class (right click > inspect > -most top-left of the console - ), and how they act.
For this specific User Story you may want to research about CSS layout and Position property. Search in Google or MDN (developer.mozilla.org)