Product landing page .nav-link problem

I am currently doing a product landing page assignment, 15/16 checks cleared but having trouble with one of the .nav-link elements this is the message I get, I have been over my html and css codes endlessly, can anybody suggest a new approach to find my mistake?

“5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

The .nav-link with href="#how-it-works" is not linked to a corresponding element on the page : expected null to not equal null a@https://cdn.freec

Please provide a link to your pen

Thank you

Your link in your code is;
<li><a class="nav-link" href="#how-it-works">How It Works</a></li>

Where you’re trying to link to is;
<section id="how it works">

so this, how-it-works is not equal to this, how it works and that’s why the test fails

OMG I can’t believe I missed that, I literally stared for 3 hours this morning, thank you for fresh eyes !! Thank you tests passed!