I don't get the problem

Tell us what’s happening:

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>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Safari/605.1.15.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

hi @Skull

i think the info section give an example like this :
*
<label> <input type="radio" name="indoor-outdoor">Indoor </label>

so you have nested the input element inside label element

1 Like

Thank you for sharing your answer but it does not seem to work

try reset code and try current challange again

as i saw your code: the input element doesn’t nested inside label element

You need to post your new code so we can see if you did it correctly.

Use the “preformatted text” tool in the editor (</>) to add backticks around the code when you post it.