Stuck on radio buttons

Tell us what’s happening: i am certain i typed the code correctly , but the page wil not pass my entry so i can move on to the next challenge

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.100 Safari/537.36.

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

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

You need to nest your radio buttons inside label elements.

From my understanding, the phrase “nest” basically means to put an element within another element’s tags(in this case, each of the radio button’s code should have an opening <label> and a closing </label> tag.) From the look for your code (right after the <form action="/submit-cat-photo">), you didn’t put (nest) the code in it’s own<label> tags.

I’m not sure if I’m using the correct terminology, but I hope that helps.

i was not nesting the correct way but a little modification and also a little use of my imagination got me unstuck . View the email as well but thank you for the feedback