Product Landing Page .nav-link Confusion

Product Landing Page .nav-link Confusion
0

#1

Hello
User Story 4 & 5
My initial approach:

<div class="nav-link" ><a href="#FF">THE BOOK</a></div>
<div class="nav-link" ><a href="#reviews">THE REVIEWS</a></div>
<div class="nav-link" ><a href="#register">SUBSCRIBE</a></div>

The links all worked but the bot rejected it as the href was not inside the .nav-link
so I changed it to

<div class="nav-link" href="#FF">THE BOOK</div>
<div class="nav-link" href="#reviews">THE REVIEWS</div>
<div class="nav-link" href="#register">SUBSCRIBE</div>

Which now passes all the tests… But the links no longer work!
Full landing page here:

Would love some feedback as to how I should have approached this issue to both pass the test AND have a working link

Thank you!

PS I know it is ugly but it was a lot of fun to make :slight_smile:


#2

Try keeping your initial approach and move the classes nav-link from div to a.


#3

Thank you for this.
how does this look?

<a class="nav-link" href="#FFF>Click on me!</a>

Im not sure why I was under the impression everything has to be in a <div>

Thanks again!