Build a Checkout Page - Fullstack Curriculum Exercise

HTML-CSS
1

Hi!
I’m doing the fullstack developer curriculum and now I’m in the Checkout Page exercise.

I have done a simple page just to match the user stories on the left, and everything seems to be working, but the same error keeps popping up: " Failed:11. At least two of your input elements should be required and have an aria-required attribute set to true."
It would be of great help to have some hint on this, because I’m not entirely sure of what’s wrong here:

<section>
  <h2>Payment Information</h2>
  <form>
  <label for="card-name">Insert your name</label>
  <input id="card-name" name="card-name" placeholder="Ex. John Davis">
  <p></p>
  <label for="card-number">Insert card number<span class="mandatory">*</span></label>
  <input id="card-number" name="card-number" type="number" aria-required:"true" placeholder="Ex. 12405836" required="">
  <p></p>
  <label for="expiration-date">Insert Expiration Date<span class="mandatory">*</span></label>
  <input id="expiration-date" name="expiration-date" type="date" aria-required="true" required="">
  </form>
  </section>
2

can you share a link to the project please?

also please share all your code

next time it would be great if you could use the HELP button to create a forum topic

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

3

Hi,

Thanks for replying.

This is the link for the exercise: https://www.freecodecamp.org/learn/full-stack-developer/lab-checkout-page/build-a-checkout-page

Thanks!

4

thank you for providing the link.

can you provide your complete html please?

5

Here it is:

<!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="Magic Cube">
  </section>
        
  <section>
  <h2>Payment Information</h2>
  <form> 
  <label for="card-name">Insert your name</label>
  <input id="card-name" name="card-name" placeholder="Ex. John Davis">
            
  <p></p>
  <label for="card-number">Insert card number<span class="mandatory">*</span></label>
  <input id="card-number" name="card-number" type="number" aria-required:"true" placeholder="Ex. 12405836" required="">
  <p></p>
  <label for="expiration-date">Insert Expiration Date<span class="mandatory">*</span></label>
  <input id="expiration-date" name="expiration-date" type="date" aria-required="true" required="">
  </form>

  </section>
</body>

</html>```
6

can you spot the typo?

7

ok, it’s the equal sign, thank you!