Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

I have no idea why im failing step 16 and 18 when i believe i did exactly what they told me to do.

Your code so far

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

<head>
    <meta charset="UTF-8">
    <title>Checkout Page</title>
</head>
<h1>Checkout</h1>
<body>
<section>
    <h2>Your Cart</h2>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg" 
    alt="Rubix Cube">
    </section>
<section>
    <h2>Payment Information</h2>
    <form>
        
        <label 
        for="card-name" 
        type="text" 
        id="card-name" 
        name="card-name"> 
        <span 
        class="required" 
        aria-hidden="true">*</span>
            </label>
         
        <input 
        type="text" 
        id="card-name" 
        name="card-name"
        placeholder="Card Name" 
        required>
        </input>
       
        <label 
        for="card-number" 
        type="text" 
        id="card-number" 
        name="card-number">
        <span 
        class="required" 
        aria-hidden="true">*</span>
        </label>
        
        <input 
        aria-describedby="card-number-help" 
        required
        type="text"      
        id="card-number" 
        name="card-number"
        placeholder="Card Number">
        </input>
        <p id="card-number-help">Card Number</p>


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

</html>

Your browser information:

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

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

The id attribute is unique. More than one element on the page cannot have the same id. It’s used to uniquely identify an element.

Your labels have attributes that are not valid and not requested in the instructions.

3

Thank you I feel super dumb rn but I deleted my id and passed.

4

You’re learning to code on your own that’s the complete opposite of dumb. Congrats on solving the challenge.

Make sure to just look up the syntax for anything you are unsure of. Do a web search for “HTML label” to find out the valid label attributes.

An “HTML validator” is also useful for finding syntax errors in your code