Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hey

I can’t figure out how to make my “survey-form” a descendant of my “dropdown” and “radio” Buttons can y’all check my code and see what’s wrong?

thank you !

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Survey Form</title>
  </head>

  <body>
    <header>
  <h1 id="title">Survey Form</h1>
  <p id="description">Thanks For Your Visit</p>
  </header>
  <main>
    <fieldset>
  <form id="survey-form">
    <label for="name" id="name-label">Name (required):</label>
    <input type="text"
           id="name"
           placeholder="Ex. John Doe" required/>
           <br>
    <label for="email" id="email-label">Email Address (required):
      </label>
      <input type="email"
             id="email"
             placeholder="email@example.com"/>
             <br>
             <label for="number" id="number-label">Age (optionnal):</label>
             <input type="number"
                    id="number"
                    min="0"
                    max="100"
                    placeholder="20"
                    required/> 
                    </fieldset>
                    <fieldset>
                    <p> how did you find the services?</p>
      <select id="dropdown">
        <option value="good">Good</option>
        <option value="bad">Bad</option>
              </fieldset>
                <legend>Select</legend>
                <input type="radio"
                       id="yes"
                       name="select"
                       value="yes"/>
                <label for="yes">Yes</label>
                <input type="radio"
                       id="no"
                       name="select"
                       value="no"/>
                <label for="no">No</label>
                <p>Would you recommand us?</p>
                <input type="checkbox" 
                       id="yes"
                       value="yes"/>
                <label for="yes">Yes</label>
                <input type="checkbox"
                       id="no"
                       value="no"/>
                <label for="no">No</label>
         <p>More to say?</p>
         <textarea name="comment" rows="20" cols="50"placeholder="Commentaries here"></textarea><br>
         <input id="submit"
                type="submit"
                name="submitinfo"
                value="submit"/>
              </form>

          
  </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/140.0.0.0 Safari/537.36

Challenge Information:

Build a Survey Form - Build a Survey Form

https://www.freecodecamp.org/learn/full-stack-developer/lab-survey-form/build-a-survey-form

2

you don’t want survey-form to be descendant of the dropdown, you want the dropdown to be descendant of survey-form, make sure you read carefully

there are issues with your nesting you should use an HTML validator, it helps finding issues: Ready to check - Nu Html Checker