Add a pair of radio buttons to your form, each nested in its own label element. One should have the option of indoor and the other should have the option of outdoor. Both should share the name attribute of indoor-outdoor to create a radio group

Tell us what’s happening:

Hello guys,

I have been stuck on this problem for the longest. I have tried google searching what it means but no luck I` am still confused. This is what is saying is left to do(Each of your radio button elements should be added within the form tag.) if someone can please explain what this means? thank you.

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 type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
<label>
<input type="radio"name="indoor-outdoor">Indoor
</label>
<label>
<input type="radio"name="indoor-outdoor">Outdoor
</label>






Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Take out that closing form tag and put it at the end…

this is your form tag, there are no radio buttons inside