Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Hello people!
I just started coding last Monday coming from absolutely zero knowledge before. I’m currently at the certification project doing the survey. I’m not sure how to make something a descendant. it’s asking me to make the dropdown and descendant of the #suvey-form. Any help with this or a quick explanation would be greatly appreciated. (sorry if this is a dumb question) Thanks!

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<html charset="UTF-8">
  <title>Salsa and hot sauce survey</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1 id="title">Salsa and hot sauce survey
  </h1>
  <p id="description">Thank you for taking the time to help us improve our sauces!</p>
  <form id="survey-form"> 
  <input id="name" type="text"placeholder="John Doe" required></input>
  <input id="email" type="email"placeholder="JohnDoe@gmail.com"required></input>
  <input id="number" type="number" min="0" max="120" placeholder="30"</input>
  <label id="name-label" placeholder="John">Name</label>
  <label id="email-label">Email</label>
  <label id="number-label">Age</label>
  </form>
  <select id="dropdown" ><option></option><option></option></select>
  </body>

/* 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/127.0.0.0 Safari/537.36 Edg/127.0.0.0

Challenge Information:

Survey Form - Build a Survey Form

2

If your still stuck on this, making something a descendant just means to put an element inside of another element.

For example, if you wanted to make a p element a descendant of the body, you would put p inside the opening and closing tags of the body. So it would look like this:

<body>
     <p></p>
</body>

Currently your select element is outside of the closing form tag.

3 Likes
3

That sums it up perfectly, thank you for the response!

1 Like