Responsive Web Design Projects - Build a Survey Form

Tell us what’s happening:
how can i make my textarea element a descendant of the survey-form

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

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: Responsive Web Design Projects - Build a Survey Form

Link to the challenge:

We need you to paste your HTML in here so we can see what you did. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

Being a descendant of an element means that it is nested within the element.

pls they are telling me at the last stage that i should make my submit button a descendant of the survey form, and i have done that, but its not going through, i don’t know what else to do, its just holding me back

You need to show us your most recent HTML updates so we can see what you did. Follow my instructions above for pasting your code in here. Also, if you have the cursor in the editor and on a line by itself without any other text then you can use Ctrl + e to generate the triple back ticks.

sorry, but how can i show you my code
paste it to where

<html>
  <head>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <style type="text/css">
body {
 font-size: 80%;
 background-color: #efefef;}
 #page {
 max-width: 940px;
 min-width: 720px;
 margin: 10px auto 10px auto;
 padding: 20px;
 border: 4px double #000;
 background-color: #FFFFFF;}
 #header {background-color: #fff;}
</style>
    <div class="container">
      <header class="header">
        <h1 id="title" class="text-center">Rochester College Admission Form</h1>
        <p id="description" class="description text-center">
          Thank you for applying for this school, trust us you made the right decision. Goodluck as you fill this form, we look forward to seeing you soon.
        </p>
  </header>
      <form id="survey-form">
        <div class="form-group">
          <label id="name-label" for="name">Name</label>
          <input
            type="text"
            name="name"
            id="name"
            class="form-control"
            placeholder="Enter your name"
            required
          />
   </div>
        <div class="form-group">
          <label id="email-label" for="email">Email</label>
          <input
            type="email"
            name="email"
            id="email"
            class="form-control"
            placeholder="Enter your Email"
            required
          />
        </div>    
  <div class="form-group">
          <label id="class-label" for="class">Class:</label>
          
          <select id="dropdown" name="role" class="form-control" required>
            <option disabled selected value>Select Current Class</option>
            <option value="class">JSS 1</option>
            <option value="class">JSS 2</option>
            <option value="class">JSS 3</option>
            <option value="class">SSS 1</option>
            <option value="class">SSS 2</option>
            <option value="class">SSS 3</option>
          </select>
          />
        </div>      

<div class="form-group">
          <label id="Religon-label" for="Religon">Religon:</label>
          
          <select id="dropdown" name="role" class="form-control" required>
            <option disabled selected value>Select Your Religon</option>
            <option value="religon">Christianity</option>
            <option value="religon">Islam</option>
            <option value="religon">Other</option>
          
          </select>
          />
        </div>      

<div class="form-group">
          <label id="number-label" for="number"
            >Age:<span class="clue">(optional)</span></label
          >
          <input
            type="number"
            name="age"
            id="number"
            min="12"
            max="25"
            class="form-control"
            placeholder="Age"
          />
        </div>
  <div class="form-group">
          <p>Do you think it is neccessery to provide school buses for students living afar off?</p>
          <label>
            <input
              name="user-recommend"
              value="definitely"
              type="radio"
              class="input-radio"
              checked
            />Definitely</label
          >
          <label>
            <input
              name="user-recommend"
              value="maybe"
              type="radio"
              class="input-radio"
            />Maybe</label
          >

          <label
            ><input
              name="user-recommend"
              value="not-sure"
              type="radio"
              class="input-radio"
            />Not sure</label
          >
        </div>
<div class="form-group">
          <p>A Space is provided below, tell us anything thing you will like to meet in our school, more like your expectations and the reason ypu are applying for this school.</p>
        <textarea
            id="comments"
            class="input-textarea"
            name="comment"
            placeholder="Write here..."
          ></textarea>
        </div>

<p>
            Which sports are you interested in or think you are good at?
            <span class="clue">(Check all that apply)</span>
          </p>

          <label
            ><input
              name="prefer"
              value="front-end-projects"
              type="checkbox"
              class="input-checkbox"
            />Baseball</label
          >
          <label>
            <input
              name="prefer"
              value="back-end-projects"
              type="checkbox"
              class="input-checkbox"
            />Basketball</label
          >
          <label
            ><input
              name="prefer"
              value="data-visualization"
              type="checkbox"
              class="input-checkbox"
            />Tennis</label
          >
          <label
            ><input
              name="prefer"
              value="challenges"
              type="checkbox"
              class="input-checkbox"
            />Football</label
          >
          <label
            ><input
              name="prefer"
              value="open-source-community"
              type="checkbox"
              class="input-checkbox"
            />Long-Tennis</label
          >
          <label
            ><input
              name="prefer"
              value="gitter-help-rooms"
              type="checkbox"
              class="input-checkbox"
            />Hockey</label
          >
          <label
            ><input
              name="prefer"
              value="videos"
              type="checkbox"
              class="input-checkbox"
            />Volleyball</label
          >
          <label
            ><input
              name="prefer"
              value="city-meetups"
              type="checkbox"
              class="input-checkbox"
            />Cricket</label
          >
          <label
            ><input
              name="prefer"
              value="wiki"
              type="checkbox"
              class="input-checkbox"
            />Golf</label
          >
          <label
            ><input
              name="prefer"
              value="forum"
              type="checkbox"
              class="input-checkbox"
            />Cycling</label
          >
          <label
            ><input
              name="prefer"
              value="additional-courses"
              type="checkbox"
              class="input-checkbox"
            />Swimming</label
          >
        </div>
          
<div class="form-group">
         <p> If you are done filling this form, and you are sure that you filled everything correctly, you can proceed by clicking the submit button at the bottom of the page </p> <button type="submit" id="submit" class="submit-button">
            Submit
          </button>
        </div>
      </form>
    </div>
  </body>
</html>

Your HTML has some mistakes in it and this is causing the Submit button to not actually be inside the form element. I would recommend you run your HTML through a validator and fix all the issues it finds.

W3C HTML Validator