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

HTML-CSS
1

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:

2

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

3

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

4

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

5

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

6

Thanks guys!

I was not expecting a so quick reply.

Now the display is as expected.

Thanks again.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.