Problem with my landing page

Hey community, I’m having problems with my landing page. When I click my nav-link I’m taken to the corresponding section but when I run the test I keep failing it.
And also my layout, it says my my nav-bar should be at the top of the viewport.
Here is the link to my code pen:


Hello @ lantech001,

I found your mistakes.

1- You have nested anchor tags and your list items and gave your list items a class named “nav-links”.

So your main problem is actually with this here;

  • 4. I can see at least three clickable elements inside the nav element, each with the class “nav-link”.

Your clickable items are not your list items but your anchor tags. So, add nav-link class to all your p tags and delete previously added nav-link class from list items and that should work.

2- You need to fix the position of your navbar in order to pass this project compeletely. Try it and write here again if you face any troubles.

Hello @bgb, your detailed explanation really helped.

I’m very grateful for your help.

No problem @lantech001 . My pleasure.

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