Build a Checkout Page - Build a Checkout Page

HTML-CSS
1

Tell us what’s happening:

I don’t know what it means by adding the aria-required to the input when i already add it and it says i need to section under the h1 which i did but it says its wrong

Your code so far

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

<head>
    <meta charset="UTF-8" />
    <title>Checkout Page</title>
</head>
<h1>Checkout</h1>
<section><h2>Your Cart</h2> <img src="https://m.media-amazon.com/images/I/71kBeFDgCkL._AC_UF894,1000_QL80_.jpg" width="300" alt="gaming laptop">
</section>
<p>$700</p>
<section><h2>Payment Information</h2><form><label for="card-name">Card Name<input id="card-name" name="card-name" aria-required="true" requi/><br>
<label for="card-number">Card Number</label>
<input id="card-number" name="card-number" number="card-number" aria-required="true"/><br>
<label for="exprity-date">Exprity Date</label>
<input id="exprity-date" name="exprity-date" placeholder="YYY-MM"
>
<br><label for="cvv">CVV</label>
<input id="cvv" name"cvv" number="cvv"<br>
<input type="submit" value="Place Order"/>
</form>
</section>
<body>

</body>

</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36 OPR/117.0.0.0 (Edition ms_store)

Challenge Information:

Build a Checkout Page - Build a Checkout Page

2

the section should be inside the body. including the h1 too

also in your first input i noticed you included sth like requir try and remove that

3

You have a lot HTML errors to clean up.
That is probably confusing the tests.

For example, there is nothing in your body element

I would suggest running your code through an HTML validator and going through the error messages. Then you will be able to better debug the issues once those are fixed.

Hope that helps

1 Like