I am unable to add my radio element button within form tag

HTML-CSS
1

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; 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:

1 Like
2

hey,I know many people have problem solving this question
you have did it correctly but check the main tag,it was supposed to come after the form tag but you used it before.That’s it

1 Like
3

the end part of the main tag is crossed inside in the from tag. and i dont understand acction doesnt it is a function?