Encuesta - Crea un formulario de encuesta

Español HTML-CSS
1

Tell us what’s happening:

tengo un problema con la prueba
Cada grupo de botón de radio debe tener al menos 2 botones de radio.
porque segun yo ya tengo todo bien pero no me esta dando valido

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1 id="title"> gatos o perros </h1>
    <p id="description"> aqui diras que te gusta mas los gatos o los perros</p>
    <form id="survey-form">
        <div class="datos-nombre">
           <label for="name" id="name-label"> nombre <input type="text" name="name" required id="name" class="datos-nombre" placeholder="nombre" /> </label> 
        </div>
    <div class="datos-email">
        <label id="email-label"  for="email"> email <input type="email" name="email" required id="email" class="datos-email"placeholder="email"/> </label>
    </div>
    <div class="datos-edad">
        <label id="number-label" class="datos-edad"> edad <input id="number" class="datos-edad" required name="number" placeholder="12" min="11" max="100" type="number" </label>
    </div>
    <div>
        <p> que te gusta mas gatos o perros</p>
        <select id="dropdown" name="dropdown" class="datos-encuesta">
            <option value="elige"> elige</option>
            <option value="gatos"> gatos</option> 
            <option value="perros"> perros</option>
        </select>
    </div>
    <div>
        <p> que te gusta de estos animales ?</p>
        <label><input type="radio"  class="input-de-radio" id="lulu" value="compañia" checked name="compañia" /> su compañia</label>
        <label><input type="radio" class="input-de-radio" id="lulu"value="amor" checked name="amor" /> su amor </label>
        <label><input type="radio" class="input-de-radio" id="lulu" value="tierno" checked name="tierno" /> lo tierno </label>
        <label><input type="radio" class="input-de-radio" id="lulu" value="lealtad" checked name="lealtad" /> su lealtad </label>
    </div>
    <div>
        <p> cuantos gatos y perros tienes?</p>
        <label> 0 gatos 0 perros <input type="checkbox" class="input-checkbox" id="input-checkbox" value="0" checked/> </label>
        <label> 1 gato 1 perro <input type="checkbox" class="input-checkbox" id="input-checkbox" value="1" checked/> </label>
        <label> 2 gatos 2 perros <input type="checkbox" class="input-checkbox" id="input-checkbox" value="2" checked/> </label>
        <label> 3 gatos 3 perros <input type="checkbox" class="input-checkbox" id="input-checkbox" value="3" checked </label>
    </div>
    <div>
        <p> esta es la caja de comentarios </p>
        <textarea id="comentarios" class="input-textarea" name="comentarios" placeholder="escribe tu comentrio "  >
        </textarea>
    </div>
    <div>
        <button type="submit" class="submit-button" id="submit">
    </div>
    </form>
</body>
</html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Encuesta - Crea un formulario de encuesta

2

Hey @soycrixtian298 ,

Todo está bien excepto tu agrupación de radio buttons, que ahora lo tienes así:

    <div>
        <p> que te gusta de estos animales ?</p>
        <label><input type="radio"  class="input-de-radio" id="lulu" value="compañia" checked name="compañia" /> su compañia</label>
        <label><input type="radio" class="input-de-radio" id="lulu"value="amor" checked name="amor" /> su amor </label>
        <label><input type="radio" class="input-de-radio" id="lulu" value="tierno" checked name="tierno" /> lo tierno </label>
        <label><input type="radio" class="input-de-radio" id="lulu" value="lealtad" checked name="lealtad" /> su lealtad </label>
    </div>

Si observas bien, de tus 4 radio buttons, ninguno está agrupado en el mismo grupo (valga la redundancia), todos tienen name diferentes: compañia, amor, tierno y lealtad respectivamente.

Esto se puede resolver cambiando los 4 radio buttons a usar el mismo name, como amor. O ya sea dos y dos, los primeros dos usando amor y los últimos dos usando tierno.

Te lo dejo al gusto.