I can't submit this code, is it wrong? Can someone help me?

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) 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:

Can someone help me, I am stuck.

The correct syntax to follow when adding the radio button was supposed to be like below:

Indoor outdoor

You had the input type wrap outside the label. Here is the correct code to run.

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

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

Your code haven’t passed the third requirement which is this:
Each of your two radio button elements should be nested in its own label element.

It basically means each of your input element should be inside its own label element.
The structure for this challenge should be like this:

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

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

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

Full solution:

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