This is the error message:
You should have at least one textarea element that is a descendant of #survey-form and that #submit should be a descendant of survey form
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
<div id="outside">
</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>
<label id="name-label">Name<input type="text" id="name" placeholder="Enter your name" required/>
</label></div>
<div><label id="email-label"> Email<input type="email" id="email" placeholder="Enter your Email" required/>
</label> </div>
<div><label id="number-label">Age (optional)<input type="number" id="number" min="10" max="120" placeholder="Age" />
</label>
</div>
<label>Which option best describes your current role?
<select id="dropdown">
<option value=""> Select Current role </option>
<option value="1"> Project Manager </option>
<option value="2"> App Creator </option>
<option value="3">UX/UI Designer </option>
<option value="4">Front-end developer </option>
<option value="5">Others </option>
<select/>
</label>
<div><p>Would you recommend freeCodeCamp to a friend?</p></div>
<div><label><input type ="radio" name="rec" value="Definitely"/>Definitely</label> </div>
<div><label><input type="radio" name="rec" value="maybe"/>Maybe </label></div>
<div><label><input type="radio" name="rec" value="Not sure"/>Not Sure</label></div>
<label>What is your favorite feature of freeCodeCamp?</label>
<select id="dropdown">
<option value=""> Select an option </option>
<option value="6">HTML </option>
<option value="7"> CSS </option>
<option value="8">JAVA</option>
</select>
<div></label>
What would you like to see improved? (Check all that apply)
<label></div>
<div><label><input type="checkbox" value="Front" name="first"/> Front-end-Projects
</label> </div>
<div><label><input type="checkbox" name="second" value="Back"/> Back-end-Project
</label></div>
<div> <label><input type="checkbox" name="third" value="Data"/> Data Visualization
</label></div>
<div><label><input type="checkbox" name="fourth" value="challenges"/> Challenges
</label></div>
<div><label><input type="checkbox" name="fifth" value="Open"/> Open Source Community
</label></div>
<div><label><input type="checkbox" name="sixth" value="Gitter"/> Gitter help room</label></div>
<div><label><input type="checkbox" name="seventh " value="Videos"/> Videos
</label></div>
<div><label><input type="checkbox" name="eighth" value="City"/> City Meetup
</label></div>
<div><label><input type="checkbox" name="ninth" value="Wiki"/> Wiki
</label></div>
<label><input type="checkbox" name="tenth" value="forum"/> Forum
</label></div>
<div><label><input type="checkbox" name="eleventh" value="Course"/> Additional Courses
</label></div>
<label>
Any comments or suggestions?
<textarea name="comment" rows="3" cols="10" placeholder="Enter your comment here..." class="text"></textarea>
</label>
<button id="submit" class="submit" type="submit">submit</button>
</form>
</body>
</html>
/* file: styles.css */
**Your browser information:**
User Agent is: Mozilla/5.0 (Linux; Android 11; TECNO PR651H) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.58 Mobile Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
