Hello, everyone. I’ve fulfilled every requirement except for the last bit saying that “Each of your radio button elements should be added within the form
tag.” I’ve put everything within the form
element. So I really can’t see where did I go wrong.
My 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="https://freecatphotoapp.com/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<div>
<label for="indoor">
<input id="indoor-outdoor" type="radio" name="indoor-outdoor">Indoor
</label>
<label for="outdoor">
<input id="indoor-outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
<div>
<button type="submit">Submit</button>
</form>
</main>
Browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:81.0) Gecko/20100101 Firefox/81.0
.
Challenge: Create a Set of Radio Buttons
Link to the challenge: