What is wrong with this code (2)?

Tell us what’s happening:

Your code so far

<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>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>
<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" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>


Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

You should make opening and closing label tag around each radio button.

Here is solution for one radio button and try to solve the other radio button:

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

Here is the full solution:

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

ErFy I don’t get. More details please

one of the requirement in the challenge is that (Each of your two radio button elements should be nested in its own label element.), but in the video solution it doesn’t have this requirement so you can’t pass the challenge with that solution. In order to pass the challenge you need to have the <input ..........> inside your <label ........></label> element.
The structure for this challenge can be like this:

<label ........>
   <input .............................> Indoor

Plus: One of the pros of pros of having <input > inside <label> is that you can omit for and id attribute.

Thanks a lot. I appreciate