I need help creating radio elements

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>

<label for="indoor"><form id="indoor type"radio" name="indoor-outdoor"> Indoor</label>

<label for="Outdoor"><input id="outdoor" type="radio" name="indoor-outdoor">Outdoor</label></form>

</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.90 Safari/537.36 Edg/89.0.774.63.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

You seem to be missing the input description and the label description. They are supposed to be in two separate <>

3

@Ngelekanyo

Carefully read this line you have some mistakes here.There should not be form tag here, there should be input tag

4

Hi @Ngelekanyo !

I think it would be best to reset the lesson and take a look at the example again.

FCC example:

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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.