i cant seem to get past this last error -“you should have at least one textarea element that is a descendant of #surveyform”
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<h1 id="title">freeCodeCamp Survey Form</h1>
<p id="description">Thank you for taking the time to help us improve the platform</p>
<form id="survey-form">
<div class="form-group">
<label for="name" id="name-label" type="text" >Name
<input type="name" id="name" placeholder="Enter your name" required >
</label>
</div>
<div class="form-group">
<label for="email" id="email-label" >Email
<input type="email" id="email" placeholder="Enter your email" required >
</label>
</div>
<div class="form-group">
<label for="age" id="number-label" >Age
<input type="number"placeholder="Age" required id="number" min="13" max="120">
</label>
</div>
<div>
<label for="roles">Which option best describes your current role?
<select id="dropdown">
<option value="Select current role">Select current role</option>
<option value="Student">Student</option>
<option value="Full Time Job">Full Time Job</option>
<option value="Full Time Learner">Full Time Learner</option>
<option value="Prefer not to say">Prefer not to say</option>
<option value="Other">Other</option>
</select>
</label>
</div>
<div>
<label id="recommend">Would you recommend freeCodeCamp to a friend?</label>
<div>
<input type="radio" value="definitely" id="definitely" name="choice" checked>
<label for="definitely">Definitely</label>
</div>
<div>
<input type="radio" value="maybe" name="choice" id="maybe">
<label for="maybe">Maybe</label>
</div>
<div>
<input type="radio" value="not sure" name="choice" id="not sure">
<label for="not sure">Not sure</label>
</div>
<div>
<label for="roles">What is your favorite feature of freeCodeCamp?
<select id="dropdown">
<option value="Select an option">Select an option</option>
<option value="challenges">Challenges</option>
<option value="projects">Projects</option>
<option value="community">Community</option>
<option value="Open source">Open source</option>
</select>
</label>
</div>
<label id="recommend">What would you like to see improved?</label>
<div>
<input type="checkbox" id="front-end projects" name="front-end projects" value="1">
<label for="front-end prjects">Front-end Projects</label>
<input type="checkbox" name="back-end projects" value="2" id="back-end projects">
<label for="back-end prjects">Back-end Projects</label>
<input type="checkbox" id="data visualisation" name="data visualisation" value="3">
<label for="data visualisation">Data Visualisation</label>
<input type="checkbox" id="challenges" name="challenges" value="4">
<label for="challenges">Challenges</label>
<input type="checkbox" id="open source community" name="open source" value="5">
<label for="open source community">Open Source Community</label>
<input type="checkbox" id="gitter help rooms" name="gitter help" value="6">
<label for="gitter help rooms">Gitter help rooms</label>
<input type="checkbox" id="videos" name="videos" value="7">
<label for="videos">Videos</label>
<input type="checkbox" id="city meetups" name="city meetups" value="8">
<label for="city meetups">City Meetups</label>
<input type="checkbox" id="wiki" name="wiki" value="9">
<label for="wiki">Wiki</label>
<input type="checkbox" id="forum" name="forum" value="10">
<label for="forum">Forum</label>
<input type="checkbox" id="additional courses" name="additional courses" value="11">
<label for="additional courses">Additional Courses</label>
</div>
<text-area type="Any other suggestions?" id="any other suggestions?" rows="4" cols="30">Any other suggestions?
<label><input placeholder="Enter your comment here"></label>
</text-area>
<button type="Submit" id="submit">Submit</button>
</form>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: