https://codepen.io/bhargeshved/pen/OJMKNxp

Tell us what’s happening:
I am supposed to make sure that the navbar is always visible when I scroll. I am unable to. it is the only test that I am unable to clear

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36.

Challenge: Build a Technical Documentation Page

Link to the challenge:

Try to remember the CSS property that positions your <navbar> to stay at the top.

Another issue that I see is that you force your <nav> to have a height of 100vh. That limits how tall it can get. You want to let it be as big as the content inside the <nav> by leaving the height alone.

It’s looking very good!

1 Like

Please give a descriptive title to your thread and move the link down into the thread instead of having it be the title.

Dear @terrifricker,

You have solved the issue with the navbar staying at the top. I used the
position: fixed; property in it to resolve this issue.

Thank you so much for helping me

Regards,
Bhargesh

1 Like