The lesson is saying that my radio elements should nested in its own label

Tell us what’s happening:
Describe your issue in detail here.

  **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://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>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
<label for="indoor-outdoor">
<input id="indoor" type="radio" name="indoor-outdoor">
<label for="indoor">Indoor</label> 

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

</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Currently you have four opening label tags but only two closing label tags.
Use the Reset All Code button to reset this lesson.

The lesson shows the correct format. Shown below

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

Notice how the input element is nested in the label element.
Or, to say it another way

<outerElement class="outer">
  <nestedElement class="nested">I'm nested</nestedElement>
</outerElement>