Create a Set of Radio Buttons - Help me please!

Create a Set of Radio Buttons - Help me please!
0

Hey guys!

Im stuck on lesson 21, my problem is that i need to nest each of the radio bottoms have their own nest in their own label. Im not quite sure the the code is, if anybody could help that would be great!


<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">

<label>
  <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>

    
</label>


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


  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons/

  1. List item

you have an unnecessary label element that contains two labels and two input elements - delete that label element
plus, you need to nest each input in its own label element (now the two labels and two inputs are nested in the label element, and everything is nested in the main element - or just look at the example code in the challenge description to know what nested means)

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