Anyone can explain?

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

  **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://www.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="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <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>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; Linux x86_64; rv:68.0) Gecko/20100101 Firefox/68.0

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Both of your label should be at top .

Yes that’s right. Both of his labels needs to be at the top.
I like how he has structured his HTML form tags in the code.

Match the structure of your radio buttons with the one provided on the challenge as an example and see if you are missing anything. For example, match your radio buttons with this one:

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

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