I’m caught on this one issue with a challenge I have, I need to have the features bar highlighted at all times but I can’t seem to figure out how to keep it that way at all times.
“The client would like to have the ‘features’ link in the top navigation bar be always highlighted. Add the class nav__sections-link--highlight
in order to have this applied.”
This is my current code but I can’t seem to figure out how to make it stay highlighted at all times.
</li> -->
</ul>
<a class="nav__logo" href="#">
<img class="nav__logo-img" src="../F+F-logo-black.svg" alt="F+F Main Logo / Home Link">
</a>
<ul class="nav__sections-list">
<li class="nav__sections-list-item">
<a class="nav__sections-link" class="nav__sections-link--highlight" href="#features">FEATURES</a>
</li>
<li class="nav__sections-list-item">
<a class="nav__sections-link" href="#pricing">PRICES</a>
</li>
</ul>
</div>
This is what it Should look like at all times as a reference, any advice?