Can anybody see what is going wrong with this code? I am trying to do the project but it’s telling me that the textarea isn’t a descendant of survey-form.
<!DOCTYPE html>
<link rel="stylesheet" href="styles.css">
<html>
<body>
<h1 id="title">Event Registration</h1>
<p id="description">Register for the event!</p>
<form id="survey-form">
<div>
<label for="name" id="name-label">Name </label>
<input type="text" id="name" placeholder="John Smith" required>
</div>
<div>
<label for="email" id="email-label">Email </label>
<input id="email" type="email" placeholder="example@example.com" required>
</div>
<div>
<label for="number" id="number-label">Age</label>
<input type="number" id="number" min="1" max="100" placeholder="20">
</div>
<div>
<label for="dropdown">Sex </label>
<select id="dropdown">
<option value="Male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>
<div>
<label for="single">Single? </label>
<fieldset id="single">
<input type="radio" value="single" name="relationship">Single</input>
<input type="radio" value="married" name="relationship">Married</input>
</fieldset>
</div>
<div>
<label for="days">Days </label>
<fieldset id="days">
<input type="checkbox" value="friday">Friday</input>
<input type="checkbox" value="saturday">Saturday</input>
<input type="checkbox" value="sunday">Sunday</input>
</fieldset>
</div>
<div>
<label for="comments">Comments</label>
<input type="textarea" id="comments">
</div>
<div>
<label for="submit"></label>
<input type="submit" id="submit" value="Submit">
</div>
</form>
</body>
</html>