Help ME PLEASE i am really stuck this time

HTML-CSS
1

THIS what i done so far everything seems right
but one error says that : Each of your two radio button elements should be nested in its own label element.
and i just dont understand :exploding_head:

<h2>CatPhotoApp</h2>

<main>

  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>

<label>

  <input type="radio" name="indoor-outdoor">Indoor
    

    <input type="radio" name="indoor-outdoor">Outdoor

    </label>

  </form>

  

  </main>
2

Can you post the link of the exercise?

3

I can give you a rough idea of what this means, but due to your codes current formatting it’s hard to tell what exactly you’re doing wrong.

To format your code create two rows of three backticks and put all of your code between them:

```
your code here
```

They are asking you to put your <input> element inside of a <label> element right? Remember when they taught you to nest <li>s inside of either a <ul> or <ol>? It’s the same idea here.

<label for="input_name"> A Detailed Label
  <input type="button" name="input_name">
</label>

An extra point is that with the use of the for attribute, you don’t actually need to nest the element.

<label for="input_name"> A Detailed Label </label>
<input type="button" name="input_name">
4

Going by your post, seems like you have used the label tag once for both the radios. You need to use it twice for for both indoor and outdoor separately.

The label tag helps you click on the desired input without clicking exactly on the radios with precision, meaning, you can click on the words and select the options.

Also, as @8-bitgaming mentions, if you use the for attribute inside your label you wont need to nest your element, hence saving you few keystrokes.

5

https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

6

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