Not passing tests for landing page-please help

I am unable to find the issue with my code. `


logo




About
What We Do
Pricing
`

I keep getting an error passing test #5 - When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.

I’ve set height in css to 50vh just to show movement in the browser (Chrome) to make sure it was but still cant get pass it.

If you post a link to a codepen someone will probably be able to help you.

Its not in codepen yet. I run everything through VScode first then copy to Codepen.

<body>

<header id=“header”>

<nav id=“nav-bar”>

<img src="#" alt=“logo” id=“header-img”>

<ul>

<li class=“nav-link”><a href="#about">About</a></li>

<li class=“nav-link”><a href="#service">What We Do</a></li>

<li class=“nav-link”><a href="#pricing">Pricing</a></li>

</ul>

</nav>

</header>

<section class=“container” id=“about”>About</section>

<section class=“container” id=“service”>What We Do</section>

<section class=“container” id=“pricing”>Pricing</section>

<script src=“https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js”></script>

</body>

Does class nav-link go on the <li> or on the <a> ?

1 Like