Survey Form - Build a Survey Form

Tell us what’s happening: One last test to fulfill!

I’m wondering why this test specifically is failing on the certification project. “There are multiple groups with multiple radio buttons.” This is perplexing me.

Your code so far

<!-- file: index.html -->
<head>
      <meta charset="UTF-8">
			<html lang="en"></html>
			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	    <title>Survey Form</title>
			<link rel="stylesheet" href="styles.css">
  </head>
    <body>
<h1 id="title">Survey Form</h1>
  <p id="description">Thanks for taking the time to fill out this form! We value your feedback, please fill it out truthfully.</p>
<form id="survey-form">
  <fieldset>
    <legend><strong>Personal Information</strong></legend>
  <label for="name" id="name-label">Enter Your Name: 
  <input id="name" type="text" placeholder="Real names only" required>
  <label for="email" id="email-label">Enter Your Email Address: 
    <input id="email" type="email" placeholder="Company email address here" required>
  <label for="number" id="number-label">Enter Your ID Number: 
    <input id="number" type="number" min="6" max="12" placeholder="Look at your ID card">
    <label for="weird-stuff">Got any fun issues with being a superhero<textarea id="issues" name="issues" value="issues"></textarea>
    <label for="ice-cream-choice">Ice Cream Choice
      <input id="vanilla" type="radio" value="vanilla" name="vanilla" checked>Vanilla
            <input id="chocolate" type="radio" value="chocolate" name="chocolate">Chocolate
    </fieldset>
    <fieldset>
      <legend><strong>Superheroics</strong></legend>
      <label for="superhero-abilites">What ability do you have?
      <select id="dropdown" name="superhero-abilities">
        <option value="">(select one)</option>
        <option value="flying">Flight</option>
        <option value="speed">Superspeed</option>
        <option value="swimming">Water Movement</option>
        <option value="strength">Super Strength</option>
      </fieldset>
    <fieldset>
            <legend><strong>Human Status</strong></legend>
     <label for="human-status">Human Status
       <input type="radio" name="human" type="human" value="human" checked>Human
       <input type="radio" name="robot" type="robot" value="robot">Robot
     </label>
      </fieldset>
      <fieldset>
        <input type="checkbox" id="filled-out" name="filled-out" value="filled">
        <label for="filled-out">I filled out this survey</label>
        <input type="checkbox" id="cool-person" name="cool-person" value="cool">
        <label for="cool-person">I am a cool person
        </fieldset>
  <input type="submit" value="Submit" id="submit" />
  <label>
  </form>
    </body>
/* file: styles.css */
body {width: 100%;
      height: 100vh; 
      margin: 0;
      padding: 5px;
      background-color:  #fa8d76;
      color:  #f7f1f0 ;
      font-family: Arial Tahoma;
      font-size: 16px;
       }

h1, p {
  margin: 1em auto;
  text-align: center;
}

form {width: 50vw;
max-width: 500px;
min-width: 200px;
margin: 0 auto;
padding-bottom: 2em; 
}

fieldset {
  border: none;
  padding: 2rem 0;
}

.inline {
  width: unset;
  margin: 0 0.5em 0 0;
  vertical-align: right;
}

label {
  display: block;
  margin: 0.5rem 0;
}

.inline {display: inline;}

legend {font-size: 20px;}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:121.0) Gecko/20100101 Firefox/121.0

Challenge Information:

Survey Form - Build a Survey Form

I’m not sure why the error is phrased the way it is, but I think it’s only failing because your label close is after the radio buttons.

This page may help as a reference: HTML input type="radio"

Reply in case people see this - I needed to update the ‘name’ in the radio buttons to the same thing and that’s what I missed. Once I did this, I passed the test.