Product Landing Page (Criteria 12: #submit at <input>)

HTML-CSS
1

Tell us what’s happening:
I’ve checked my code several times and, in my eyes, it fits the requirements listed in the freecodecamp.org page (Product Landing page project). The problem is at the submit section criteria 12. I’ve included a in my code but it is still wrong.
Please guide me and correct me where I am wrong. Thank you in advance.

Your code so far

trombone
trombone1072×122
<nav id="nav-bar" class="nav-bar">
  <ul>
    <li id="nav-link"><a class="nav-link" href="#features">Features</a></li>
    <li id="nav-link"><a class="nav-link" href="#video">How It Works</a></li>
    <li id="nav-link"><a class="nav-link" href="#pricing">Pricing</a></li>
  </ul>
</nav>
Email: 

<div id="features">
  <div id="premium-materials">
    <i class="fab fa-gripfire"></i>
    <h3>Premium Materials</h3>
    <p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
  </div>

  <div id="fast-shipping">
    <i class="fas fa-shipping-fast"></i>
    <h3>Fast Shipping</h3>
    <p>We make sure you receive your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
  </div>

  <div id="quality-assurance">
    <i class="fas fa-battery-full"></i>
    <h3>Quality Assurance</h3>
    <p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</p>
  </div>
</div>

<div id="video-section" class="video-section">
  <iframe id="video" width="500vw" height="250vw" src="https://www.youtube-nocookie.com/embed/y8Yv4pnO7qc?rel=0&amp;controls=0&amp;showinfo=0"></iframe>
</div>

<div id="pricing" class="pricing">
  <div id="tenor-trombone">
    <h3>Tenor Trombone</h3>
    <h4>$600</h4>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem upsum dolor.</p>
    <p>Lorem ipsum</p>
    <button id="select">Select</button>
  </div>

  <div id="bass-trombone">
    <h3>Bass Trombone</h3>
    <h4>$900</h4>
    <p>Lorem Ipsum</p>
    <p>Lorem ipsum</p>
    <p>Lorem ipsum dolor</p>
    <button id="select">Select</button>
  </div>

  <div id="valve-trombone">
    <h3>Valve Trombone</h3>
    <h4>$1200</h4>
    <p>Plays similar to a Trumpet</p>
    <p>Great for Jazz Bands</p>
    <p>Lorem ipsum dolor.</p>
    <button id="select">Select</button>
  </div>
</div>

Your browser information:

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

Challenge: Build a Product Landing Page

Link to the challenge:

2

Hi, if you clicked in the 12 criteria it will tell you the details of the error.

This is what it asks for:

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).

and this is the detail:
var e=document.getElementById(“email”),t=document.getElementById(“form”);o.assert.strictEqual(t.hasAttribute(“action”)

you shoul use form not div, and action as attribute

3

HI.
I didn’t see any form here. Maybe you need to create form with input fields and submit button.

4

if you post you link proyect it will be more helpfull

5

The link to CodePen: https://codepen.io/hjh-bryan-hor/pen/PoZpWpg
Sorry for the inconvenience caused when checking my codes.

6

First of all give some margin to your form. Its very hard to find.

7

I clicked the link and saw the page exactly as the landing_page lesson which is an example. You should start using your own design and ideas, in order to obtain a certificate submit your own work.

8

The content is the same but the code is written by myself though.