Create a Set of Radio Buttons - fail

HTML-CSS
1

Tell us wTell us what’s happening:**
Hi, I am unable to create a set of radio button. I am able to enter the code as I should, or I believe I am doing it right. I watched a tutorial video and still struggle with the following points’

  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.

hat’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="/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/71.0.3578.98 Safari/537.36.

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

3

Just wrap the input with corresponding label.

4

Your radio buttons should be inside the label elements. (" Each of your two radio button elements should be nested in its own label element.")

Your radio buttons are outside the label elements.