New to codin, help?

HTML-CSS
1

Tell us what’s happening:

i do it like the video but still say it wrong

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 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.67 Safari/537.36.

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

2

Add a pair of radio buttons to your form, each nested in its own label element.

Not sure which video you are talking about but opening label tags should go before input tags. For ex.

<label>
<input>
</label>
1 Like
3 
<label for="indoor">
  <input id="indoor" type="radio" name="indoor-outdoor"> Indoor
</label> 
<label for="outdoor">
  <input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor
</label>

So your input element needs to be a child to your label input. Right now you have it inside of your your input element. Highlight your “<label for="indoor">” and remove it from the input element and make “<label for="indoor">” parent to “<input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor </label>”

Parent <label>
Child <input>

Hope this helps. You can also watch the video to help you make sure you submit the right code.

1 Like