Stuck on nesting part on radio labels

HTML-CSS
1

Hey guys I started to learn HTML today and I reached the part where I need to put 2 radio buttons, and I did all the steps required except the nesting part, it says “Each of your two radio button elements should be nested in its own label element”. I even watched a video to do it and did exactly the same but its still wrong. I would appreciate it if people could help me so I can continue learning.

CatPhotoApp

Click here to view more cat photos.

<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">

Indoor

Outdoor

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi! I can’t see any label element in your code. Nesting elements in HTML basically means putting one element tag inside another:

<parent>
    <child>Nesting</child>
</parent>

There’s an example of nesting radio elements inside label elements in the challenge you are doing:

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

Maybe you didn’t post your code but the one in the challenge. Have you done something like in that example?

3

I fixed it already thanks