Create a Set of Radio Buttons - Label "for" attribute

Create a Set of Radio Buttons - Label "for" attribute
0.0 0

#1

I think I did everything perfectly, but still the test for making the radio buttons says that one label should be indoor and the other one outdoor. That is the test that is getting an error every time.

Thanks for your help!

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">
    <label for="indoor">
      <input id="indoor" type="radio" name="indoor-outdoor">          Good Cat
    </label>
    <label for="outdoor">
      <input id="outdoor" type="radio" name="indoor-outdoor">          Bad Cat
    </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 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons


#2

Hi @1XcoderX1,

Your answer is right but you should type “Indoor” rather than “Good Cat” and “Outdoor” rather than “Bad Cat”.

Hope this help you to solve example, good luck and have a happy coding.

Regards,
Ali Mosaad