Issue with Test/Code Error: Product Landing Page

To the best of my knowledge, I’ve tried to figure out why this error is appearing.
But I am still failing condition #5 (When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’)
‘Each .nav-link element should have an href attribute : expected false to equal true’ is the first line of the error thrown.
However, using the three .nav-link elements does path to the sections laid out on the page.

Pen is available at :

If anyone can help me with this it’s much appreciated.

The code within the UL tag is invalid. The only valid elements within a UL/OL tag are LI tags. Move your anchor tags into the LI tags and give your anchor tags the class of nav-link. They are the clickable elements not the LI tags.

That was really simple!
Issue is resolved, I need to refactor some of the nav-bar CSS now, but that’s no problem.
Thank you heaps, Vumbhoni

You are most welcome.