Product landing page error 5 and 12

Please help with error number 5 and 12:

5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

The #nav-bar contains no .nav-link: expected 0 to be at least 1

AssertionError: The #nav-bar contains no .nav-link: expected 0 to be at least 1

12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).

The #form should have an action attribute : expected false to equal true

AssertionError: The #form should have an action attribute : expected false to equal true.

this is my mark up :

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<html>
  <section>
  <header id="header">
 <nav id="nav-bar">
   <p class="name"><em><strong>NIKE</strong> - Just do it!</em></p>
     <div id="logo-div"><img id="header-img" src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTxtvgP15VVNGS9byd6G9CkqP47LYWeBD4m2w&usqp=CAU" alt="nike logo"></div>
 
   <div>
     <ul>
       <li class="nav-link"><a href="#bottom" style="text-decoration:none">Bottom</a></li>
       <li class="nav-link"><a href="#video" style="text-decoration:none">More</a></li>
       <li class="nav-link"><a href="#product" style=" text-decoration:none">Products</a></li>
     </ul>
   </div>
  </nav>
    </header>
  
  <head>
    <h1>Home of The Best Sneakers!</h1>
    </head>
    
  
    <form id="form">
      <input type="email" id="email" placeholder="  Enter your e-mail here to get started">
      </input>
    <input type="submit" id="submit" action="https://www.freecodecamp.com/email-submit">
  </input>
  </form>


<iframe width="753" height="580" src="https://www.youtube.com/embed/yshNZlWezDk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen id="video"></iframe>
</section>

<section>
  <div class="div1">
    <br>
    <div id="product" class="icon1">
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRif6V7dFSqYFtPwVwJJUY6VIQCsKNPrysACA&usqp=CAU">
    </div>
    
    <div class="icon1desc">
      <h2>Premium Materials</h2><br>
      <p>We use the best materials in our building process in order to deliver a world class product.</p>
    </div>
  </div>
  <div class="div1">
    <br>
    <div class="icon1">
      <img src="https://cdn2.iconfinder.com/data/icons/font-awesome/1792/truck-512.png" >
    </div>
    
    <div class="icon1desc">
      <h2>Fast Shipping</h2><br>
      <p>We make sure you recieve your sneakers as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
    </div>
  </div>
  <div class="div1">
    <br>
    <div class="icon1">
      <img src="https://www.geopoll.com/wp-content/uploads/2017/12/quality-icon.png">
    </div>
    
    <div class="icon1desc">
      <h2>Quality Assurance
</h2><br>
      <p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the condition of your sneakers.</p>
    </div>
  </div>
</section>
  <br>
  <br>
  <section>
  <div id="bottom" class="flex-container">
  <div class="box1"><h4>Male Sneaker</h4></div>
    <div><h4>Female Sneaker</h4></div>
  </div>

  
</section>
  
   
</html>
1 Like

Hello @adefemiadelaja,

  • The reason user story 5 is not passing is because you gave the nav-link class to the li element. This is not the way it should be done. Instead, please give the nav-link class to the a tag.
  • You should give the action attribute to the form element and not the submit input element. That’s why you did not pass user story 12.

If you give a link to the CodePen project, it would be easier to find the problems.

Thanks!

issues solved.
you’re the best!

1 Like