Cannot make the Top navigation sticky

Cannot make the Top navigation sticky



I am trying to do the project “Personal Portfolio” and I am trying to make the top navigation menu sticky. I have tried:

position: fixed;

When i insert this line it breaks the code. What am i missing?


Hi, you’re almost there.
One more thing you need is set top property to 0.

Good luck


Hi. When i insert:

top: 0;

I get this:

However, it should stick to the top-right corner like this:


You can give



After inserting:

right: 0;

I am getting this white space behind the menu. I want it to be in the same container as the blue background.


It should work like this:


Change the margin-top to padding-top in your .intro class

Rather than using padding to take it down, you can add a height of 100vh to your .intro and you already have flex there, just make it to position center using justify-content


Thanks a lot. That worked correctly.