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