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
Your code so far
<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>
<p>Top 3 things cats hate:</p>
<input id="indoor" type="radio" name="indoor-outdoor">
<input id="outdoor" type="radio" name="indoor-outdoor">
<input type="text" placeholder="cat photo URL" required>
<input type="radio" name="indoor-outdoor">Indoor
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:
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
Try nesting the
input of type
radio element inside the
example of nesting:
-To nest a
image element inside a
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.
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…
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:
<input id="indoor" type= "radio" name="indoor-outdoor">