Tell us what’s happening:
I’m not sure what is happening. So far the code looks ok in the preview. I’m not able to add another label for the radio buttons. Even if I copy/paste a the last label, the code isn’t showing in the preview. Also, several of the tests are not showing as correct as far as adding the “name-label” etc. Any advice will help at this point
Your code so far
<!-- file: index.html -->
<!DOCTYPE html><html lang="en"><meta charset="utf-8"><head><h1 id="title">My Favorite Pizza Survey</h1></head>
<body><p id="description"> Thank you for sharing your favorites!</p><form id="survey-form">
<label for="name-label">Name: <input required type="text" id="name-label" id="name" placeholder="Enter your first name"><div></label>
<label for="email-label">Email: <input required type="email" id="email" id="email-label" placeholder="Enter your email @"><div></label>
<label for="number-label">Phone: <input type="number" id="number-label" id="number" placeholder="000-000-0000" min="0" max="000-000-0000"</label><div>
<label for="crust">What type of crust do you prefer? <select id="dropdown" name="crust"> <option value="">(selcet one)</option> <option value="1">Hand Tossed</option> <option value="2">Deep Dish</option></label>
</form></body></html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.131.5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge Information:
Survey Form - Build a Survey Form