Tell us what’s happening:
make acode of all of your input element that aren’t type of submit should have a label element associated with them
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.freecode.org/curriculum/labs/cube.jpg" alt="Cube Item">
</section>
<section>
<h2>Payment Information<h2>
<form>
<div>
<label form="card-name">Card Name:</label>
<input type="text" id="card-name" name="card-name" required aria-required="true">
</dev>
<dev>
<label for="card-number">Card Number:</label>
<input type="text" id="card-number" name="card-number" required aria-required="true">
</dev>
<dev>
<label for="expril-date">Expiry Date:</label>
<input type="text" id="exprily-date" name="exprily-date">
</dev>
<dev>
<label for="cvv">CVV:</label>
<input type="text" id="cvv" name="cvv">
</dev>
<input type="submit" value="submit">
</form>
</section>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:128.0) Gecko/20100101 Firefox/128.0
Challenge Information:
Build a Checkout Page - Build a Checkout Page