Create a Set of Radio Buttons why hlp me

HTML-CSS
1

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

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

2

create label for each radio button like this:

<input id=“indoor” type=“radio”
name=:“indoor-outdoor”>indoor

3

Breaking down the instructions…

1.) Add a pair of radio buttons to your form,
2.) each nested in its own label element.
3.) One (label) should have the option of indoor and the
4.) other (label) should have the option of outdoor .
5.) Both should share the name attribute of indoor-outdoor to create a radio group