Radio buttons not working in the site

HTML-CSS
1

Tell us what’s happening:
the radio buttons itself is working and i can choose options but when i click run the test it give me 2 errors : 1)Give your radio buttons the name attribute of indoor-outdoor .

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

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="/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/76.0.3809.132 Safari/537.36.

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

2

You need to nest them inside the labels like this:

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

Each of your two radio button elements should be nested in its own label element.
It means that each radio button should be in the label tags. i.e if you put the radio button inside the label, both the errors will be sorted out.
Here:
Instead of this:

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

Do this:

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