Please help I don’t know what I’ve done wrong to get this error and not satisfy this condition:
“Each .nav-link element should link to a corresponding element on the landing page (has an href with a value of another element’s id. e.g. #footer ).”
<nav id="nav-bar">
<ul>
<li>
<a class="nav-link" href="#features">Features</a>
</li>
<li>
<a class="nav-link" href="#how-it-works">How It Works</a>
</li>
<li>
<a class="nav-link" href="#pricing">Pricing</a>
</li>
</ul>
</nav>
<div class="container">
<section id="features">
<div class="grid">
<div class="icon">
<i class="fi fire">
</i>
</div>
<div class="desc">
<h2>Premium Materials</h2>
<p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
</div>
</div>
<div class="grid">
<div class="icon">
<i class="fi truck">
</i>
</div>
<div class="desc">
<h2>Fast Shipping</h2>
<p>We make sure you recieve your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
</div>
</div>
<div class="grid">
<div class="icon">
<i class="fi battery">
</i>
</div>
<div class="desc">
<h2>Quality Assurance</h2>
<p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</p>
</div>
</div>
</section>
<section id="how-it-works">
</section>
<section id="pricing">
</section>