Question about the Responsive Web Design Projects - Build a Survey Form

Tell us what’s happening:
I have encountered a difficult for my Responsive Web Design Projects - Build a Survey Form.
I am confused that why i am not able to fulfill the User Story #10:** For the name, email, and number input fields inside the form I can see corresponding labels that describe the purpose of each field with the following ids: id=“name-label”, id=“email-label” , and id=“number-label” .

Also, I notice that my code is a little bit messy and maybe include some useless thing or lack some important code. Is there any suggestion can let me improve? Thank you!
Your code so far
https://codepen.io/hkbkptfa/pen/rNazYdX

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<div >
  <h1 id="title">Survey form </div>
  
  <p id="description"> Your personal information</p> 
  
  <form id="survey-form">
    <div class="name">
    <label for"name" id="label-name"class="name" > Name: </label>
    <input placeholder="Enter your name" type="name" id="name" required class="name" label="label-name"> </input>
    </div>
  <br>
  <div>
  <label for "email" id="label-email" class="email"> Email: </label>
  <input label="label-email"placeholder="Enter your email" type="email" id="email" class="email" required> </input>
</div>
<br>
<div>
<label for "number" id="label-number class="number"> Age: </label>
<input placeholder="age" type="number" id="number" label="label-number"class="number" min= 10 max= 30 required ></input>
</div>
<br>
<div>
<label for"dropdown" > Your choice </label>
<select id="dropdown" name="vocation" >
  <option vlaue="businessmen"> Businessmen </option>
   <option vlaue="student"> Student </option>
   <option vlaue="scienceits"> scienceits </option>
  </div>
</select>
<div class="habits">
                   <label for "habits" > Your habits </label>
                                      <input type="radio" name="habits" value="1"> Guitar </input>
                                                                             <input type="radio" name="habits" value="2"> Piano </input>
                                                                                                             <input type="radio" value="3" name="habits"> Sleeping</input>
                             </div>
                                                <div class="checkbox">
                                                                     <label for "relationship"> Your status </label>
                                                                                              <input type="checkbox" name="in relationship" value="inrelationship"> in relationship</input>
                                                                                                                              <input type="checkbox" name="not in relationship" value="notinrelationship"> not in relationship</input>
                                                                                                                              </div>
                                                                                                                              <div class="textarea"> Leave your comment<br><textarea name="comment" placeholder="leave your comment here!"></textarea>
                                                                                                                              </div>
                                                                                                                              
                                                                                                                             <div name="submit"> <input type="submit" id="submit" value="Submit!">  </input>
  

Hello Camper!

For now, the test suite only works in Chrome! Please read the README below in the JS Editor before beginning. Feel free to delete this message once you have read it. Good luck and Happy Coding!

  • The freeCodeCamp Team

Your browser information:

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

Challenge: Build a Survey Form

Link to the challenge:

I think I found the problem:

in your tags, you use the “for” attribute like this:

<label for"name" id="label-name"class="name" > Name: \</label>

attributes with values need to have an equals sign to be interpreted properly like attribute="value"

Also, your values should look like “name-label” instead of just “name”