How to overcome this problem

HTML-CSS
1

the program is saying" Each of your two radio button elements should be nested in its own label element."

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love:

<li>cat nip</li>

<li>laser pointers</li>

<li>lasagna</li>

Top 3 things cats hate:

    <li>flea treatment</li>

<li>thunder</li>

<li>other cats</li>

<label for="indoor">Indoor</label>



<input id="outdoor" type="radio" name="indoor-outdoor">

<label for="outdoor">Outdoor</label>



<input type="text" placeholder="cat photo URL" required>    

<button type="submit">Submit</button>


<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="/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" placeholder="cat photo URL" required>    
   <button type="submit">Submit</button>
 </form>
</main>
2

This means that you need to nest your radio buttons inside the label, like the example given

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

The discussions in the videos are not going to give you exact solutions in all cases, and you want to fully read the challenge description to see if there are any updates.

2 Likes