Html-css catphotoapp

i have entered all the entries and tags i don’t know why is it still showing such error.
it would be great help if anybody would explain this…

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


Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Your application of label tags is not according to the solution they want.
It states that each of the radio buttons should be in it’s own label element.
It should look like this

<label>
<input>
</label>

Hope this helps.

1 Like

got it :v: thank you!