Build a Technical Documentation Page navbar issues

Build a Technical Documentation Page navbar issues

i need the navbar to cover the left side of the page. im almost there but when i set the position to fixed (which i think they want me to do) my navbar disappears completely. any help is greatly appreciated.

heres the link to my code pen

ive made further progress, it looks to almost about right to pass but im still having the same issue which says…

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.

be great to get over this final hurdle, here my pen below:

Here is the pen i forked from yours and modified:

I placed the nav and main elements one after the another and inside the body tag, then I applied display:flex; to the body element which placed the nav and main elements side by side.

Your code looks very messed up and unorganized and I think you have skipped lessons before as it would have been easy to do with flex-box.

I have added a little styling of my own but you can take it from there or style it on your own.

1 Like

thanks for your help, looks great. although i did finish all the challenges i find it difficult to remember, i keep revisiting the basics as i go along, hopefully it will all click. if you have any advice for me regarding my coding and how to be sure im structuring it properly i would be more than happy!