Build a Personal Portfolio Webpage - Your #navbar element should always be at the top of the viewport

Hi all,

on my attempt to complete the Legacy Responsive Web Design module, I am trying to figure out how if my navbar is always at the top of the viewport, the system keeps telling me that " #navbar element should always be at the top of the viewport" (user story 11).
It is always at the top of the viewport!

Any light on this? Its the last step of the process!

Petrus

You wanna look into property position.
Try to do some research on MDN and w3s about his one.
I was stuck on this and that’s what I did.

Also. If you will be dealing with position you inevitably wanna know about props:
top
left
right
bottom

1 Like

Right,
Let me please translate.
What " #navbar element should always be at the top of the viewport" means that it must stay (fixed) at the top of the viewport:
position: fixed; in addition to position requirements such as the ones you mentioned above.
I used top and right in this case.
Gracias!

I beleive I used fixed in the same fashion, yes. Also there is options with sticky one.

1 Like