12345678900987654321

HTML-CSS
1

Tell us what’s happening:
cant slove it

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>

<input id="outdoor" type="radio" name="indoor-outdoor"><label for="outdoor">Outdoor</label></input>
  <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/85.0.4183.121 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi,please I will be happy if you can direct your question,thanks.

3

What do the failing tests say?

4

Hi king, you should wrap the input element inside the label element; so you should replace the capitalized “Indoor” with the input element and in the end, before closing the label element you should add the “Indoor” that will be displayed next to the radio button, the input doesn’t need a closing tag by the way.
the same goes for outdoor, hope this helps.