Create a Set of Radio names

HTML-CSS
#1

I don’t understand what it’s asking me to do

Your code so far


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

 <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" 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>
 <form action="https://freecatphotoapp.com/submit-cat-photo">
   <input id="indoor" type="radio" name="indoor-outdoor">
   <label for="indoor">Indoor</label>
   <input id="outdoor" type="radio" name="indoor-outdoor">
   <label for="outdoor">Outdoor</label>


<input type="text"required placeholder="cat photo URL" >    
   <button type="submit">Submit</button>
 </form>
</main>

Challenge: Create a Set of Radio Buttons

#2

The challenge tells you what’s the problem:

// running tests
Each of your two radio button elements should be nested in its own label element.
// tests completed

Your code is valid HTML, with the inputs and labels being seperate elements and connected by the label’s for attribute and the input’s id. However, the challenge asks you to nest the inputs inside the label tags. That’s a different way of connecting inputs with their labels.

#3