Tell us what’s happening:
Hello, the only part I’m not passing is
“Failed: 16. You should have a p element with an id of card-number-help immediately after the card number input.”
I’m not sure what else I should be doing to make this correct
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://cdn.freecodecamp.org/curriculum/labs/cube.jpg" alt="an image of a rubicks cube">
</section>
<section>
<h2>Payment Information</h2>
<form>
<p><label for="card-name">Cardholder Information<span aria-hidden="true">*</span>
<input id="card-name"
name="card-name"
type="text"
required>
</label>
</p>
<p> <label for="card-number">Card Number<span aria-hidden="true">*</span></label>
<input id="card-number"
name="card-number"
type="text"
required
aria-describedby="card-number-help">
</p>
<p id="card-number-help">Please enter your 16-digit card number without spaces or dashes.</p>
<p><label for="expiry-date">Expiration Date<span aria-hidden="true">*</span><input id="expiry-date" name="expiry-date" type="text" required placeholder="MM/YY"></label>
</p>
<p><label for="cvv">CVV<span aria-hidden="true">*</span></label><input id="cvv" name="cvv" type="text" required>
</form></p>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:148.0) Gecko/20100101 Firefox/148.0
Challenge Information:
Build a Checkout Page - Build a Checkout Page
