Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

Hello. Kindly help ,am stuck try to satisfy instruction 3. “3. You should have at least two section elements after the h1 element.”…I’ve looked around the internet but non of the provided solutions worked
here’s what I’ve tried already
tried adding an extra- section (3 in total)
tried adding an id to every section opening tag
tried changing the non semantics elements like “div” to “p”

i even tried removing br,hr,fieldset and legend elements,but nothing

Your code so far

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

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

<body>
    <h1>Checkout</h1>
    <hr>
    
    <section>
        <h2>Your Cart</h2>
        <img src="https://marketing.webassets.siemens-healthineers.com/6422ee28cc1f301b/0b0bbe5597ad/v/93679a2d919b/siemens-healthineers_us_ACUSON-Redwood.png" width="300" alt="Brand new Siemens ultrasound machine, state-of-the-art healthcare equipment, available for purchase.">
    </section>
    
    <hr>
    
    <section>
        <h2>Payment Information</h2>
        <form>
            <fieldset>
                <legend>enter your payment information below</legend>
                
                <label for="card-name">Card Name<span aria-hidden="true">*</span></label>
                <input 
                id="card-name" 
                name="card-name" 
                type="text" 
                required 
                placeholder="enter your name here">
                <br>
                
                <label for="card-number">Card Number<span aria-hidden="true">*</span></label>
                <input 
                id="card-number" 
                name="card-number" 
                type="text" 
                required 
                placeholder="enter your card here" 
                aria-describedby="card-number-help">
                <p id="card-number-help">Please enter your 16-digit card number without spaces or dashes.</p>
                
                <label>Expiry Date<span aria-hidden="true">*</span></label>
                <div>
                    <select id="expiry-month" name="expiry-month" required>
                        <option value="">Month</option>
                        <option value="01">01 - January</option>
                        <option value="02">02 - February</option>
                        <option value="03">03 - March</option>
                        <option value="04">04 - April</option>
                        <option value="05">05 - May</option>
                        <option value="06">06 - June</option>
                        <option value="07">07 - July</option>
                        <option value="08">08 - August</option>
                        <option value="09">09 - September</option>
                        <option value="10">10 - October</option>
                        <option value="11">11 - November</option>
                        <option value="12">12 - December</option>
                    </select>
                    
                    <select id="expiry-year" name="expiry-year" required>
                        <option value="">Year</option>
                        <option value="2025">2025</option>
                        <option value="2026">2026</option>
                        <option value="2027">2027</option>
                        <option value="2028">2028</option>
                        <option value="2029">2029</option>
                        <option value="2030">2030</option>
                        <option value="2031">2031</option>
                    </select>
                </div>
                <br>
                
                <label for="cvv">CVV<span aria-hidden="true">*</span></label>
                <input 
                id="cvv" 
                name="cvv" 
                type="text" 
                required 
                placeholder="enter your cvv here">
                <br>
                <br>
                <button type="submit">Make Payment</button>
            </fieldset>
        </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/141.0.0.0 Safari/537.36

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

Hi there and welcome back to the forum!
The tests don’t expect the hr tags to appear, so delete them and see what happens

2 Likes
3

Omg that worked …left one behind when i performed the action earlier…a thousand thanks ray :hugs:

2 Likes