Survey Form - Build a Survey Form

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>
  <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">

  <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 id="survey-form">

   <label id="name-label">
    <input id="name" type="text" placeholder="Enter your name" min="3" max="16" required>

   <label id="email-label">
    <input id="email" type="email" placeholder="Enter your email" required>
   <label id="number-label">
    <input id="number" type="number" placeholder="Enter your age" min="13" max="120" required>

  <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>


   <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>


      <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>

      <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">

/* file: styles.css */
body {
display: block;
width: 100%;
text-align: center;
color: rgb(255, 255, 255);
background-image: url("");
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/ Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

i should be using an element textarea tag

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.