I completely didn't understand this challenge.Kindly help

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="https://freecatphotoapp.com/submit-cat-photo">
  <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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Which part don’t you understand? I don’t mean that to be rude, just that we need to know what is confusing you so we can help you.

The instructions are:

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.

And an example of a radio button is given as:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>

Please review that. If anything is still not clear, please ask. But please try to be specific - the more specific the question, the more targeted the answer can be.

// running tests Your page should have two radio button elements. Your radio buttons should be given the

name

attribute of

indoor-outdoor

. Each of your two radio button elements should be nested in its own

label

element. One of your radio buttons should have the label

outdoor

. // tests completed
I did what you said and it showed this.

Can you cut and past your code so we can see exactly what you tried?

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="https://freecatphotoapp.com/submit-cat-photo">
 <input id="indoor" type="radio" name="indoor-outdoor">
  <label for="indoor">Indoor</label>
  <input id="outdoor" type="radio" name="indoor-outdoor">
  <label for="ourdoor">Indoor</label>
</label>
</form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

What part don’t you understand?

Hi, I think you should enclosed your input with the label tag just like this image

And check your code carefully as well if the names, attributes and all are correct. Thanks! :slight_smile: