Build a Technical Documentation Page: Cannot find how to scroll down the navbar

Tell us what’s happening:
Hi there

I can easily pass all the user stories for this challenge. However I couldn’t figure out how to scroll down the vertical navbar. Using overflow does not work with the rest of my code.

Your code so far
https://codepen.io/elsossama/pen/eYBgWMK

Thanks for your help

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:85.0) Gecko/20100101 Firefox/85.0.

Challenge: Build a Technical Documentation Page

Link to the challenge:

Hi @softelec
don’t know if its the best solution but if you add height the scroll bar should show up.

Change the properties of position and add height for the id navbar.

Hi this took a little while but your problem is you used position fixed on your nav element. Try using css grid to handle your page layout and add overflow-y:scroll; to your nav element. Also cover your entire page with a body tag except your script tag. I would advice you get yourself a code editor like vsCode or sublime text that have code formatting to make your life so much easier

This is not necessary in codepen, codepen adds the body tag for you.

Thanks guys!

I was not expecting a so quick reply.

Now the display is as expected.

Thanks again.