Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

I got all the points but I can’t get the 18th, I don’t know how to put the aria
18. Your card number input should have aria-describedby set to card-number-help.

Your code so far

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Checkout Page</title>
</head>

<body>
<h1> Checkout </h1>
<section>
    <h2> Your Cart</h2>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="Cubo rubick sin resolver"/>
    </section>
<section>
    <h2> Payment Information</h2>
    <form id="card-number" name="card-number" type="text" label="card-number"> 
       <label>card-name <input id="card-name" name="card-name" type="text" required> <span aria-hidden="true">*</span></label> </input>
        <label> card-number<input id="card-number" name="card-number" required> </input> <span aria-hidden="true">*</span></label>
          
    </form>
    <p id="card-number-help" > numero de tarjeta</p>  
  <span aria-describedby="card-number-help"> </span>
  

  </form>
      </section>
</body>

</html>

Your browser information:

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

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

Welcome to the forum, @caroo !

Your code has a few more issues than the failed test reflects.

For example, were you asked to add any attributes within the form tag? Are you labels properly associated with your input elements? Do input elements take a closing tag? Should you have more than one closing tag for the form element?

I suggest going through each user story one by one to make sure they are implemented correctly. Don’t add anything that isn’t asked and make sure you follow the directions.

You may want to use an HTML validator to check your code until you are more comfortable with HTML.

When you’re ready, please post your updated code if you need more help.

Happy coding!