Descedant of #survey-form

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
  <title> Survery</title>
  <h1 id="title">Save the Children</h1>
  <!--Add in a better title than that-->
<p id ="description" >Please anwer the questions as accuratly and honestly as possible. The children depend on your feedback to help their hospital stay. Thank you!</p>
<!--Make a better description-->
<form id="survey-form" class="survery-form" ></form>
<input id="name"  type="text" required ></input>
<input id="email" type="email"></input>
<input id="number"type="number" type="email" min="200" max="500"></input>
<label id="name-label">Here is the name label</label>
<label id="email-label">Here is the ID Label</label>
<label id="number-label">Here is the number label</label>
/* file: styles.css */

  **Your browser information:**

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

Challenge: Build a Survey Form

Link to the challenge:

Hello, I am very lost when the steps are asking for example" your #name descedant of #survey-form"
Also my labels are not matching up with my boxes. I know if I add them into <input id=“name-label” for example, the box will disappear and will then turn into one big box. If I do <label= >This is the name label I still only have one box. Help is appreciated! Also, are we supposed to do the steps in order?

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