Hi there. I’ve nearly finished my Survey Form project for the new Responsive Web Design course. My html passes all checks except “You should have at least one textarea element that is a descendant of #survey-form.” My textarea is properly id’d and is nested in the form. I’m not sure what I’m doing wrong.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Format Survey</title>
</head>
<body>
<h1 id="title">Magic Event Format Survey</h1>
<p id="description">A survey tracking which formats players would like to see in our upcoming events.</p>
<form id="survey-form">
<label id="name-label">Your Name:
<input type="text" id="name" placeholder="John Smith" required />
</label>
<label id="email-label">Your Email:
<input type="email" id="email" placeholder="johnsmitty@webmail.com" required />
</label>
<label id="number-label">How Many Years Have You Played Magic:
<input type="number" id="number" placeholder="1" min="0" max="35" />
</label>
<label id="selection-label">Select a Format:
<select id="dropdown">
<option>Pioneer</option>
<option>Modern</option>
<option>Standard</option>
<option>Commander</option>
</select>
</label>
<label id="radio-label">Event Frequency:
<label><input type="radio" name="frequency" value="weekly" />Weekly</label>
<label><input type="radio" name="frequency" value="monthly" />Monthly</label>
</label>
<label id="availability">Availability:
<label><input type="checkbox" name="availability" value="monday" />Monday</label>
<label><input type="checkbox" name="availability" value="friday" />Friday</label>
<label><input type="checkbox" name="availability" value="saturday" />Saturday</label>
</label>
<label id="suggestions">Describe Your Favorite Decks:
<input type="textarea" id="textbox" placeholder="Storm all day, every day bay-BEE!" />
</label>
<label id="submit-label">
<input type="submit" id="submit" />
</label>
</form>
</body>
</html>
Any ideas?