Tell us what’s happening:
Hello,
I am new and I’m missing this part but I don’t know how to fix it Each of your two radio button elements should be nested in its own label
element.
Your code so far
CatPhotoApp
Click here to view more cat photos.
Things cats love:
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
Top 3 things cats hate:
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
<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>
<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>
Challenge: Create a Set of Radio Buttons