Problem with radio buttons - solved

HTML-CSS
1

Where is the problem, I don’t get it? Same notice is in the description of video…

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.110 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

Your labels are missing >s.

3

Yhea I saw, but I stuck now on the 2 steps: Give your radio buttons the name attribute of indoor-outdoor .
Each of your two radio button elements should be nested in its own label element.

4

Each of your two radio button elements should be nested in its own label element.

5

Your radio buttons are before the labels, not inside of them.

6

then the description is not good, I I followed the video. You can check…
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons/

7

The assignment description tell you exactly what to do, the videos may not show exactly how to solve the assignment but does give all the general information needed to solve the assignment.

8

your last label does not have a closing > for the tag

9

Your inputs should be in between the label tags, and the label tags themselves should be closed properly. Wrapping the inputs in between label tags is what the challenge means when it mentions “nesting”. It should look like this:

<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>
2 Likes
10

Thank you so much !!! You just fixed my problem, i would of have never figured it out myself.