Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I tried to run the test multiple times but it’s not working. I looked it up and tried using a different browser and deleted the safari extension but nothing is working.
What can I do?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
 <main>
   <h1 id="title">Survey Form</h1>
   <p id="describtion">Please fill out this form</p>
   <link rel="stylesheet" href="styles.css"></link>
   </main>
 <body>
   <form id="survey-form" align="center">
    <label id="name-label">Name<input placeholder="Enter your name" id="name" type="text" required/></label>
    <label id="email-label">Email<input placeholder="Enter your Email" id="email"/></label>
    <label id="number-label">Number<input placeholder="Enter a number" id="number" min="16" max="120"/></label>
    <td>Dropdown list:</td>
    <select id="Dropdown">
      <option value="">Select one</option>
      <option value="1"> Social Media</option>
      <option value="2"> Family or Friends</option>
      <option value="3">Other</option>
    </select>
    <tr>
    <td>Radio Buttons:</td>
   <label for="female">Female<input type="radio" id="female" name="gender" value="Female"/></label>
   <label for="male">Male<input type="radio" id="male" name="gender" value="male"/></label>
   <label for="other">Other<input type="radio" id="other" name="gender" value="other"/></label>
   </tr>
   <tr>
     <td>Checkboxes:</td>
     <label for="under a year">under two years<input type="checkbox" id="under two years" name="time" value="under two years"/></label>
     <label for="over two years">over two years<input type="checkbox" id="over two years" name="time" value="over two years"/></label>
     <label for="over 5 years">Over 5 years<input type="checkbox" id="over 5 years" name="time" value="over 5 years"/></label>
    </tr>
    <td>Additional comment:</td>
    <textarea placeholder="What's on your mind:"></textarea>
    <button id="submit">Submit</button>
   </form>
  </body>
</html>

/* file: styles.css */
main{
text-align: center;
}

body{
  display:block;
  text-align:center;
  background-color: #703D3A;
  color: white;
  padding: 25px;
  width: 48%;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0.1 Safari/605.1.15

Challenge Information:

Survey Form - Build a Survey Form

2

the id should be "description", double check for typos

Also, you should really pass your code through a validator and fix the ERRORS: Ready to check - Nu Html Checker