Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

It says, “You should have two section elements immediately under the h1 element.” I’ve retyped a million times, putting the sections as close as possible while keeping the data needed to pass the lab. Is it a syntax thing or am I not understanding something?

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 alt="cube" src="https://cdn.freecodecamp.org/curriculum/labs/cube.jpg"
    </section>
    <section>
        <h2>Payment Information</h2>
        <form>
            <label for="card-name"> Cardholder Name: </label>
            <input type="text" id="card-name" name="card-name" required aria-required="true">
            
            <label for="card-number">Card Number: </label>
            <input type="text" id="card-number" name="card-number" required aria-required="true"
        </form>
    </section>
</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

Hi @mikayladinapoli27 !

Welcome to the forum!

You have a syntax error here

double check the end of that. you are missing something.

once you fix that, then it will pass.

In general, this early on it is best to run your code through an HTML validator to help you spot these issues.

Once you have been writing HTML for a while, then you will be able to spot these issues more easily. But for now, the validator will help with that.

hope that helps

3

Thank you so much! it passed!