Descedant of #survey-form

HTML-CSS
1

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

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <title> Survery</title>
  <h1 id="title">Save the Children</h1>
  <!--Add in a better title than that-->
  </head>
  <body>
  <header> 
<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-->
</header>
<form id="survey-form" class="survery-form" ></form>
<input id="name"  type="text" required ></input>
<br>
<input id="email" type="email"></input>
<br>
<input id="number"type="number" type="email" min="200" max="500"></input>
<label id="name-label">Here is the name label</label>
<br>
<label id="email-label">Here is the ID Label</label>
<br>
<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:

2

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?

3

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