solve it if you can

Tell us what’s happening:

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>
 <label> <input id="outdoor" type="radio" name="indoor-outdoor"></label>
  <label for="outdoor">Outdoor</label>

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Welcome bahing.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

The more information you give us, the more likely we are to be able to help.

Look at the message you are getting in the console when you run the tests:

“Each of your two radio button elements should be nested in its own label element.”

Nested means that the radio button <input>s should be inside of their associated <label>. Where are yours?