Help me i cant solve


<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">
    <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36.

Challenge: Create a Set of Radio Buttons

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

You should have label around input in both radio buttons. Like this.

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

Inside the form element anywhere before the submit button you can add two radio buttons while one being indoor and other being outdoor with using the label element on top of both of these radio buttons.

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