Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Hello, I’m trying to check the results and everything goes well except for the one where it says " Each .nav-link element should have an href attribute." Even though I have added them to it.
Your code so far
Here’s my code for the navbar:

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

<header id="header"><section id="Home">        
      <nav id="nav-bar">
        <div id="header-img-wrapper"><img src="" id="header-img"></div>
          <div class="nav-links-wrapper">
            <ul class="nav-links">
            <li class="nav-link" href="#Products"><a href="#Products">Products</a></li>
            <li class="nav-link" href="#About"><a href="#About">About</a></li>
            <li class="nav-link" href="#Contact_Us"><a href="#Contact_Us">Contact Us</a></li>
        </ul>
        </div>  
      </nav>
    </header>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page This text will be hidden

2

The nav-link class should only be on the links, not on list list or list items. Also, list items don’t have an href attribute.

1 Like
3

That makes so much sense lmao. thanks a bunch dude <3

4

Welcome to our community!

Post the entire html and css code. Use the </> button for that purpose.

5

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