# Problem with my landing page

**URL:** <https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [May 4, 2022, 5:39pm UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308 "2022-05-04T17:39:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lantech001](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@lantech001](https://forum.freecodecamp.org/u/lantech001)\
**Post date:** [May 4, 2022, 5:39pm UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308/1 "2022-05-04T17:39:34Z")

</div>

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

PLEASE HELP!!!

---

<div class="post-metadata">

**Author:** ![bgb](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bgb/32/252474_2.png) [@bgb](https://forum.freecodecamp.org/u/bgb)\
**Post date:** [May 4, 2022, 6:06pm UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308/2 "2022-05-04T18:06:41Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![lantech001](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@lantech001](https://forum.freecodecamp.org/u/lantech001)\
**Post date:** [May 4, 2022, 10:44pm UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308/3 "2022-05-04T22:44:12Z")

</div>

Hello @bgb, your detailed explanation really helped.

I’m very grateful for your help.

---

<div class="post-metadata">

**Author:** ![bgb](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bgb/32/252474_2.png) [@bgb](https://forum.freecodecamp.org/u/bgb)\
**Post date:** [May 5, 2022, 12:15am UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308/4 "2022-05-05T00:15:58Z")

</div>

No problem @lantech001 . My pleasure.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [November 3, 2022, 12:16pm UTC](https://forum.freecodecamp.org/t/problem-with-my-landing-page/507308/5 "2022-11-03T12:16:27Z")

</div>

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