Tell us what’s happening:
Describe your issue in detail here.
Hey , it says textarea should be a descendant of #survey-form. my text area is nested within the form already without anything wrapped around it
please help
**Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!--TOP HEADING OUTSIDE FORM-->
<h1 id="title">Web App Survey For Businesses</h1>
<p id="description">What are you looking for the most in a web application, that will make your life easier?</p>
<!--FORM-->
<form id="survey-form">
<label id="name-label">
<p>Name</p>
<input id="name" type="text" placeholder="Enter your name" min="3" max="16" required>
</label>
<label id="email-label">
<p>Email</p>
<input id="email" type="email" placeholder="Enter your email" required>
</label>
<label id="number-label">
<p>Age</p>
<input id="number" type="number" placeholder="Enter your age" min="13" max="120" required>
</label>
<label id="dropdown-label">
<p>Which option best describes your issue?</p>
<select id="dropdown">
<option>I struggle to keep all of my businesses data in place</option>
<option>I dont have a structured system to log my employees working hours</option>
<option>My payment system is outdated</option>
</select>
</label>
<br><br>
<label id="radio-label">
<p>Which would you prefer as a solution to your problem?</p>
<p><input type="radio" name="radio-option" value="1" checked> Custom App</p>
<p><input type="radio" name="radio-option" value="2"> Existing Free App</p>
<p><input type="radio" name="radio-option" value="3"> Existing Paid App</p>
</label>
<br>
<label>
<p>What could make a diffirence?</p>
<p><input type="checkbox" value="4" checked> Stock Taking App</p>
<p><input type="checkbox" value="5"> Chat Bot</p>
<p><input type="checkbox" value="6"> CRM System</p>
</label>
<p>Any extra information</p>
<input id="area-text" type="textarea" placeholder="Enter your comment here" minlength="20" maxlength="100">
<input type="submit" id="submit">
</form>
</body>
</html>
/* file: styles.css */
body {
display: block;
width: 100%;
text-align: center;
color: rgb(255, 255, 255);
background-image: url("https://images.unsplash.com/photo-1604011237320-8e0506614fdf?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1808&q=80");
margin-top: 40px;
}
p {
font-size: 18px;
margin-bottom: 5px;
}
#title {
font-family: verdana;
font-size: 40
}
form {
display: inline-block;
border: 1px solid transparent;
text-align: left;
padding: 15px;
background-color: rgba(0, 0, 0, 70%);
margin-top: 10px;
width: 60%;
border-radius: 15px;
}
#name, #email, #number {
height: 50px;
width: 100%;
}
#dropdown {
height: 50px;
width: 100%;
}
#area-text {
width: 100%;
height: 125px;
font-size: 14px;
}
#submit {
margin-top: 20px;
width: 100%;
height: 50px;
background-color: #00ACC4;
color: white;
border: none;
margin-bottom: 10px;
}
**Your browser information:**
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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: