Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

i need help for this code
i try but don’t get result

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="Left-handed spoon">
        <p>Left-handed spoon</p>
        <p>$29.99</p>
        

    </section>
<section>
<h2>Payment Information</h2>
<form>
    <label type="text">Cardholder Name 
        <span aria-hidden="true">*</span>
    </label>
    <input id="card-name" name="card-name" type="text" required> <br>

    <label type="text">Card Number 
        <span aria-hidden="true">*</span>
    </label>
    <input required aria-describedby="card-number-help" id="card-number" name="card-number" type="text">
    <p id="card-number-help">
    Please enter your 16-digit card number without spaces or dashes.</p>

    <label for="Expiry Date">Expiry Date
        <span aria-hidden="true">*<span>
    </label>
    <input id="Expiry  Date"  type="text" placeholder="MM/YY" required> <br>

    <label for="CVV">
        CVV<span aria-hidden="true">*</span>
    </label>
    <input id="CVV *" type="text"  Required> <br>

    <button submit="place order">Place Order</button>
   
</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/142.0.0.0 Safari/537.36 Edg/142.0.0.0

Challenge Information:

Build a Checkout Page - Build a Checkout Page

Screenshot_25-11-2025_214251_www.freecodecamp.org
Screenshot_25-11-2025_214251_www.freecodecamp.org1893×919 374 KB

2

Screenshot_30-11-2025_02424_www.freecodecamp.org
Screenshot_30-11-2025_02424_www.freecodecamp.org1901×918 342 KB

3

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the first failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?
  5. What is the result of the code and does it match the requirement?

If this does not help you solve the problem, please reply with answers to these questions.

4

still don’t get the good result

5

Hi Buddy, if you haven’t got the results so can you send us the problems which you’re facing ?

And what are the errors are you facing ?

6

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the first failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?
  5. What is the result of the code and does it match the requirement? (Write the value of a variable to the console at that point in the code if needed.)

If this does not help you solve the problem, please reply with answers to these questions.

7

When you were working on the survey form, the HTML validator called out the fact that the value of an id attribute cannot contain spaces. But you’re still doing that in this challenge.

I recommend using the HTML validator again…and learning from it!