Having trouble understanding nesting

Tell us what’s happening:
Describe your issue in detail here.
im having trouble understanding
Each of your two radio button elements should be nested in its own

label

element.
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://www.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://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
<label> 
<input type="radio" name="indoor-outdoor">Indoor <input id="indoor" type="radio" name="indoor-outdoor">Outdoor  
</label>
</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.102 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

The instructions state:

Add a pair of radio buttons to your form, each nested in its own label element.

I’ve bolded the important part. If each radio button should have its own label then you should have two labels because you have two radio buttons.

1 Like

thank you this was very helpful

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.