Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

Seems like I have everything that is needed, but somehow I can’t pass
Step 16. “You should have a p element with an id of card-number-help immediately after the card number input.”

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://images.pexels.com/photos/30070239/pexels-photo-30070239.jpeg" alt="Gray and orange external hard drive" width="200">
    <p>LaCie 1Tb External Hard Drive</p>
    <p>$79.99</p>
</section>
<section>
    <h2>Payment Information</h2>
    <form>
        <label for="card-name">Cardholder Name <span aria-hidden="true">*</span><label>
            <input type="text" id="card-name" name="card-name" required placeholder="Enter Name on the Card">
            <label for="card-number">Card Number <span aria-hidden="true">*</span></label>
            <input type="text" id="card-number" name="card-number" aria-describedby="card-number-help" required> 
        <p id="card-number-help">Please enter your 16-digit card number without spaces or dashes</p>
            
            <label for="expiration-date">Expiration Date <span aria-hidden="true">*</span></label>
            <input type="text" id="expiration-date" name="expiration-date" required placeholder="MM/YY">
           
            <label for="cvv">CVV <span aria-hidden="true">*</span></label>
            <input type="text" id="cvv" name="cvv" aria-descibedby="cvv" required>
            
            <button>Place Order!</button>
    </form>
</section>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/144.0.0.0 Safari/537.36

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

Please check that the opening and closing tags inside the forum are written correctly.

3

Hahaha how could I miss that one :man_facepalming: Thank you so much. You just got me rid off 2 hour headache :grinning_face_with_smiling_eyes: You are the GOAT!!!

4

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.