HTML básico y HTML5 - Usa el atributo value con botones de radio y casillas de verificación

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

  **Tu código hasta el momento**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
>Submit</button>




<label><input type="radio" name="indoor-outdoor" value="Outdoor"></label>Outdoor
 <label><input type="radio" name="indoor-outdoor"value="indoor">
 </label>indoor
</form>
</main>

  **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/103.0.0.0 Safari/537.36

Desafío: HTML básico y HTML5 - Usa el atributo value con botones de radio y casillas de verificación

Enlaza al desafío:

2

Por como se ve tu código, te faltan elementos del ejercicio original, sería buena idea resetear ese reto, para que no haya problemas de que te falte algo del código original

Tomando esta línea de tu código.
Vas mas o menos bien.

<label><input type="radio" name="indoor-outdoor" value="Outdoor"></label>Outdoor

Agregaste el atributo “value” y le diste el mismo valor que el texto de “label”, pero en las instrucciones especifica que tiene que ser en minúsculas y tú lo escribiste en mayúsculas.
Otra observaciones es que el texto “Outdoor” está afuera de las etiquetas “label” cuando en el código original viene dentro

Solo sería cambiar “Outdoor” a “outdoor” y ya quedaría bien.

<label><input type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>

Ahora haz esto para todos los elementos “input” que haya.