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: