Personal Portfolio webpage - stuck at navbar

HTML-CSS
1

Hi there, I’m stuck at building my Personal Portfolio webpage. For some reason I can’t get the navbar to pass the test. While it looks like it is on top of my page, it keeps saying ‘the navbar’s parent should be body and it should be at the top of the viewport’

Here’s my page: https://codepen.io/bnrbarbara/pen/RBxJOb?editors=1100

I tried everything, googled, tweaked, etc. But I can’t figure out what I’m doing wrong. I hope you can help me out!

2

taking a look now… will update this post when I see something.
Edit1: you are about 6 pixels off the requirement, still looking:

AssertionError: Navbar’s parent should be body and it should be at the top of the viewport : expected 21.439998626708984 to be close to 0 +/- 15

3

Thanks for your help. I appreciate it!

4

np. I believe the issue can be fixed if you add these two lines to your navbar css

position: fixed;
top: 0;

This will fix the position of the navbar to the top of the screen (so it stays there as you scroll).

Please note that you also have an extra ul closing tag that you don’t need in the pen.

hope this works for you.

5

This worked! Thank you :pray:

1 Like
6

I have a similar question, although these answers haven’t worked so far for me.

This is my Personal Portfolio Page: https://codepen.io/Rixt_Singelsma/pen/NExGOW?editors=1100 and I keep geeting the same error: ‘the navbar’s parent should be body and it should be at the top of the viewport’

I’ve googled, tweaked and read for 4 hours now! Anyone…?