Test run not working

HTML-CSS
1

When I click to try and run the test, the tests listed don’t show a check mark or X for if I passed that test/step, so I think something that’s wrong in my code is preventing it. Can someone check my code and see what I might’ve done?

//*html code

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Perfume Survey</title>
    <link rel="stylesheet" href="styles.css"/>
  </head>
  <body>
    <h1 id="title">Perfume Survey</h1>
    <p id="description"><i>Discover Your Scent By Taking  This Survey</i></p>
    <form id="survey-form">
      <fieldset>
        <label id="name-label">Name<input id="name" type="text" required placeholder="Enter your name"/></label>
        <label id="email-label">Email<input id="email" type="email" required placeholder="Enter your email"/></label>
        <label id="number-label">Age<input id="number" type="number" min="14" max="100" placeholder="Enter your age" /></label>
        <label>Do you prefer masculine or feminine scents?</label>
        <label><input type="radio" name="gender" value="male" class="inline" />Masculine</label>
        <label><input type="radio" name="gender" value="female" class="inline" />Feminine</label>
      </fieldset>
      <fieldset>
        <label>Choose a season
          <select id="dropdown">
            <option>Summer</option>
            <option>Autumn</option>
            <option>Winter</option>
            <option>Spring</option>
          </select>
        </label>
        <label>Which scent families do you like?</label>
          <label><input type="checkbox" class="inline" value="1"/>Fruity</label>
          <label><input type="checkbox" class="inline" value="2" />Spicy</label>
          <label><input type="checkbox" class="inline" value="3" />Woody</label>
          <label><input type="checkbox" class="inline" value="4" />Fresh</label>
        <label>What is your current favorite perfume?<textarea></textarea>
        <input id="submit" type="submit" value="Submit" />
        </label>
      </fieldset>
    </form>
  </body>
</html>

//*css code

body{
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #6c747e;
  color: white;
  font-family: garamond;
  font-size: 17px;
}
h1, p{
  margin: 1em auto;
  text-align: center;
}
form{
  width: 60vw;
  max-width: 500px;
  min-width: 300px;
  margin: 0 auto;
  padding-bottom: 2em;
}
fieldset{
  border: none;
  padding: 0rem 0;
}
label{
  display: block;
  margin: 0.5rem 0;
}
input, textarea, select {
  margin: 10px 0 0 0;
  width: 100%;
  min-height: 2em;
  background-color: #525a64;
  color: white;
}
input, textarea {
  background-color: #525a64;
  border: 1px solid black;
  color: white;
  font-family: garamond;
  font-size: 16px;
}
::placeholder {
  color: #bebebe;
}
.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
input[type="text"]{
  display: block;
}
input[type="submit"]{
  display: block;
  width: 60%;
  margin: 1em auto;
  height: 2em;
  font-size: 1.1rem;
  background-color: #525a64;
  border-color: black;
  min-width: 300px;
}
2

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

3

Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers).

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.