Everything is inside "Form" but it's not working

HTML-CSS
#1

Hello, everyone. I’ve fulfilled every requirement except for the last bit saying that “Each of your radio button elements should be added within the form tag.” I’ve put everything within the form element. So I really can’t see where did I go wrong.

My 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="https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
<div>
  
<label for="indoor">
<input id="indoor-outdoor" type="radio" name="indoor-outdoor">Indoor 
</label>

<label for="outdoor"> 
<input id="indoor-outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
<div>
  <button type="submit">Submit</button>
</form>
</main>

Browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

1 Like
#2

Hello @melybdenum. You have an unnecessary <div> tag wrapping your set of radio buttons. Remove those and you will pass the challenge.

Happy Non-Stuck Coding!

1 Like
#3

Ooopss, silly me! Thank you, @paulsonstech!

1 Like
#4