Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

Landing page nav-link error
I am not understanding why my nav-link is not working. the links are good. I also do not understand why you would make a link in the footer that doesn’t seem to go anywhere. Even in the example page all the links just bring you to the center of the page. My first link in the footer, “news” works however the next links do not work but are written exactly like the one that works.
error reads
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 ).

Your code so far

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.0.0 Safari/537.36 Edg/124.0.0.0

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

here is a link to my code A Pen by Silas (codepen.io)

3

Hi @silas1more

Check the casing on the id attribute.

The href and id attribute values need to match letter for letter.

Happy coding

4

Thank you it passed all the tests. however, I am still not sure why my links are not working on the footer. I also do not see my you tube video on my results page. what do i need to do to get them fixed ?

5

Hi @silas1more

  1. You have an extra header closing tag. Please remove the first one.
  1. Have a read of this article on how to embed YT video clips.
  1. Add the href attribute to the anchor elements in the footer.

Happy coding

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.