Proyectos de diseño web responsivo - Crea un formulario de encuesta

Cuéntanos qué está pasando:
No entiendo la parte donde dice que cada grupo debe tener almenos 2 botones de radio y yo puse 2 grupos de 3 y 3 botones!

Tu código hasta el momento

<!-- file: index.html -->
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="styles.css">

  </head>
  <body>
    <h1 id='title'>Anime Form</h1>
    <p id='description'>¡In this form asked you for cultural animes!</p>
    <form id='survey-form'>
      <label for='name' id='name-label'>Name <input id='name' name='name' type='text' placeholder='Enter your name' required></label>
      <label for='email' id='email-label'>Email<input id='email' type='email' name='email' placeholder='Enter your email' required></label>
      <label for='number' id='number-label'>Age<input id='number' name='number' type='number' min='10' max='40' value='number' placeholder='Enter your age'></label>
      <p>Choose your favorite:</p>
      <select id='dropdown'>
        <option value='value1'>Classroom of the elite</option>
        <option value='value2'>Shinmai mao no testament</option>
        <option value='value3'>HighSchool DxD</option>
      </select>
      <h2>¿What is the strongest?</h2>
      <div>
       <label for='option1'><input id='option1' type='radio' name='option1' value='ayanokoji'>Kiyokata Ayanokoji</input></label>
       <label for='option2'><input type='radio' id='option2' name='option2' value='iseei'>Kiudo Iseei</input></label>
       <label for='goku'><input type='radio' value='goku' id='goku' name='goku'>Goku</input>
      
        <div class="form-group">
          <p>Would you recommend freeCodeCamp to a friend?</p>
          <label>
            <input
              name="user-recommend"
              value="definitely"
              type="radio"
              class="input-radio"
              checked
            />Definitely</label
          >
          <label>
            <input
              name="user-recommend"
              value="maybe"
              type="radio"
              class="input-radio"
            />Maybe</label
          >

          <label
            ><input
              name="user-recommend"
              value="not-sure"
              type="radio"
              class="input-radio"
            />Not sure</label
          >
        </div>
      <h3>Choose your waifu</h3>
      <label for='kei'><input type='checkbox' id='kei' value='kei'>Kei karizawa</input></label>
      <label for='horikita'><input id='horikita' type='checkbox' value='horikita'>Suzune Horikita</input></label>
      <label for='kushida'><input id='kushida' type='checkbox' value='kushida'>Kikyo Kushida</input></label>
      <label for='textoopcional'>Favorite anime<textarea id='textoopcional' placeholder='Write your favorite anime'></textarea></label>
      <button type='submit' id='submit'>Submit</button>


    </form>


  </body>
</html>
/* file: styles.css */
body {
  background: rgb(10,3, 40);
}

h1 {
  color: white;
}

h2 {
  color: white;
}

h3 {
  color: white;
}

label {
  color: white;

}

p {
  color: white
}

label {
  display: flex;
  flex-direction: column;
}




Información de tu navegador:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.102 Safari/537.36 OPR/90.0.4480.84

Desafío: Proyectos de diseño web responsivo - Crea un formulario de encuesta

Enlaza al desafío:

To make a group they need to have the same value for the name attribute

1 Like

HAHAHA, thank you! i was lost, but now i can pass the test xD