Basic HTML and HTML5 - Create a Set of Radio Buttons

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
It is not letting me get pass this level

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo">
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
    <label for="indoor">
    <input type="radio" name="indoor-outdoor"></label>
    <label for="outdoor">
    <input type="radio" name="indoor-outdoor"></label>
  </form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0

Challenge: Basic HTML and HTML5 - Create a Set of Radio Buttons

Link to the challenge:

after you added this code, did you see a new radio button pop up in the preview area?

Compare your code to the sample one

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

Do you see anything that would make the preview pane look different if you used the sample code versus the code you wrote?
(try it, copy the sample code and see if anything changes in the preview)

thank you
I got it.
I just did not put indoor and outdoor after the input element

1 Like