I'm having a problem with this

Tell us what’s happening:
it’s telling me
Each of your two radio button elements should be nested in its own label element. and
Each of your radio button elements should be added within the form tag.

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

   <input type="text" placeholder="cat photo URL" required>
   <button type="submit">Submit</button>
 </form>
</main>

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

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 Edg/85.0.564.63.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Your input elements are before your label elements, not nested in them.

Read the instructions carefully. They contain two examples that both have the label and input elements nested correctly.

ok i’m still having a problem with Each of my two radio button elements that should be nested in its own label element.

Try nesting the input of type radio element inside the label element,
example of nesting:
-To nest a image element inside a p element:

<p><img src="#"></p>

can you show me how to exactly do that

@bedward just gave you an example of nesting.
The term “nest” was introduced here:

As I said, the challenge description also contains two examples of how to nest an input in a label.

2 Likes

Nests were lost on my girlfriend when she did this course also.

Lets take the literal term nest, what can you find in a nest? eggs, baby birds, mommy birds… now lets see them nested…
<nest> <egg></egg> <babies></babies> <bird></<bird> </nest>

or it could look like this too…

<nest> 
    <egg></egg> 
    <babies></babies> 
    <bird></<bird> 
</nest>

does this help at all?
<label> <input type="radio">nested in here...</label>

Your input should be inside label in ordered to be nested by it. Ex:

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