Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

Though I have passed all the tests for this project, I cannot submit it as there is no option. This will make it impossible for me to get my certification. Please help.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheets" href="styles.css">
  <title>Survey Form</title>
</head>
<body>
<h1 id="title">SURVEY FORM</h1>
<p id="description">Your favourite dishes.</p>
<form id="survey-form" get="post" >
  <fieldset>
    <label for="name" id="name-label">Enter your name: <input id="name" type="text" placeholder="Your name" required></label>
    <label for="email" id="email-label">Enter your email address: <input id="email" type="email" placeholder="Email address" required></label>
    <label for="number" id="number-label">Enter your age: <input id="number" min="12" max="100" type="number" placeholder="Age"></label>
  </fieldset>
  <fieldset>
    <label>Cuisine you prefer</label>
    <label><input type="radio" name="cuisine" class="inline" checked>Indian</label>
    <label><input type="radio" name="cuisine" class="inline">Chinese</label>
  </fieldset>
  <fieldset>
 <label for="dropdown">Choose your favourite restaurant   <select id="dropdown">
    <option>Please choose</option>
     <option>Frank's</option>
      <option>Novelty</option>
       <option>The Sonnet</option>
       </select>
       </label>
  </fieldset>
  <fieldset>
    <label> Select the dishes you like the most:</label>
    <label><input type="checkbox" value="1">Chicken Tikka</label>
   <label> <input type="checkbox" value="2">Chicken Noodles</label>
    <label><input type="checkbox" value="3">Mutton Biryani</label>
   <label> <input type="checkbox" value="4">Dosa</label>
  </fieldset>
  <fieldset>
    <label for="comments">Share your thoughts <textarea id="comments" rows="3" cols="30" placeholder="Your thoughts......"></textarea>
  </fieldset>
  <input id="submit" type="submit" value="Submit">
</form>
</body>
</html>



/* file: styles.css */
body{
  width:100%;
  height:100vh;
  margin:0;
  background-color:#1b1b32;
  color:#f5f6f7;
  font-family:Tahoma;
  font-size:16px;
}
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:1rem 0;
  border-bottom:3px solid #3b3b4f;
}
fieldset:last-of-type{
border-bottom:none;
}
label{
  display:block;
  margin:0 0.5rem 0;
}
input,textarea,select{
  margin:2px 0 0;
  width:100%;
  min-height:1em;
}
input,textarea {
  background-color:#0a0a23;
  border:1px solid #0a0a23;
  color:#ffffff;
}
.inline{
  width:unset;
  margin:0 0.5rem 0 0;
  vertical-align:middle;
}
input[type="checkbox"]
{
  width:unset;
  margin:0 0.5rem 0 0;
  vertical-align:middle;
}
input[type="submit"]
{
  height:25px;
}

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

double check, you are still failing one test

once that is fixed you will be able to submit the project