Survey Form - Build a Survey Form

Tell us what’s happening:
Describe your issue in detail here.
what to you mean by " Your #name should be a descendant of `#survey-form"
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8"></meta>
<title>freeCodeCamp Survey Form
<link rel="stylesheet" ref="styles.css"> </link>
    <h1 id="title">freeCodeCamp Survey Form</h1>
    <p id="description">Thank you for taking the time to help us improve the platform</p>
    <form id="survey-form"></form>
    <input id="name" type="text" required ></input>
    <input id="email" type="email" required></input>
    <input id="number" type="number" min="0" max="20" required></input>
    <label id="name-label"></label>
    <label id="email-label"></label>
    <label id="number-label"></label>
/* file: styles.css */
body {
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-white);
    margin: 0;

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

For an element to be a descendant of another element, the top element must wrap around it.

For eg, the body element is the parent element to the elements nested inside it in your code. Thus they all descend from it.

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