Indoor-Outdoor Label exercise

Tell us what’s happening:
Why is this still saying I am wrong? I watched the video and this is what the answer shows. I’m really confused.

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">
  <lable 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 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.140 Safari/537.36 Edge/18.17763.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Hello! Your <input> tags should be nested within your <label> tags.

1 Like

The videos do not always have the latest changes to the challenges, so the videos should be used to help you understand the underlying code but should not be taken as solutions to replicate directly. Whenever the video instructions and written challenge instructions differ, always follow the written instructions.

In this case, the video did not nest the buttons inside of labels, but you are required to do so for this challenge.

1 Like

I did that first but somehow got it wrong, so I watched the video. Honestly, it made no sense to me, but I tried it anyway. I’m going to go back and try again, but I think I’m missing something. Thank You for your response.

Well I tried it the first time using my tags as nests but I got it wrong. I referred to the video, but I got even more confused because it made zero sense to me. I tried it anyway and here we are lol. I’m going to go back to nesting and figure out what I did wrong. Thanks for responding.

You should have something that looks like

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

I ended up figuring it out. Thank you both!

1 Like