Radio button problem

HTML-CSS
1

im not sure why my radio button isnt correct.
I have done it multiple times, cant seem to make it work

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-outddor">
<label for="outdoor">Outdoor</labe>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1 Safari/605.1.15.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Your <input> tags should be nested in your <label> tags I believe.

3

so-- the first label tag i have should be at the top?
I see its 2nd in this example?

4

I don’t want to give you the full answer, but I’ve made an example of the proper formatting below:

<label>
   <input>
   </input>
</label>
5

ok thanks… he says un confidently lol

6

didn’t work. im so confused

7

What does your code look like now?

8

im not sure how to show it withoput creating another question

9

Screenshot 2020-05-01 14.13.20
Screenshot 2020-05-01 14.13.202880×1800 1.59 MB

10

Your <input> elements are still not nested inside your <label> elements.

11

uhhg I thought I did that. I will start all over.
but I have restarted 5 times not sure what im missing or how they arent “nested”

12

Look at my example above.

13

i still cant seem to get it

14

Which tests are you not passing?

15

the one related to this.
I dont want to be given answer BUT GAWD DAMN I cant figure out what the heck I’m doing wrong

16

Look at the example provided in the lesson. That should help.

17

I’ve taken a pic and typed exactly that, it seems like cheating but I did it.
still doing something wrong.
my baby just woke up. so Im going to take a break and try again in a while
THANKS for your time!!!

18

Like @nhcarrigan is saying, you want to duplicate the example in the written challenge description

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

one last question, the browser in the video is not viewable while its playing
would yuou know how to fix?
thanks again for your time

20

This is one of the examples where the video does not have the most up to date version of the challenge. The written text with the challenge sometimes has updates from the videos. In these cases, the written text is always correct.