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: https://codepen.io/lantech001/pen/xxpvEvV
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.