Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Hi, I dont know where i am going wrong with this one, can anyone help and explain in more detail what it is I need to do?

 <label for="loving"><input id="loving" type="checkbox">Loving</label for>

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
      </section>
      <section>
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">
          <fieldset>
            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
          </fieldset>
          <fieldset>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <lable for="loving"><input id="loving" type="checkbox">Loving</lable for>

<!-- User Editable Region -->

          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 56

Link to the challenge:

2

Hello!
The element label is spelled incorrectly.

Only the opening label requires the for attribute (which you have the attribute entered correctly. (Nice going).

The opening label should be behind the input element to enclose the text Loving.

Hope this helps you.

Happy coding! :slight_smile:

3

Hi! Thank you so much for the help, however I am still getting this hint ’ The text Loving should be wrapped in a label element.

This is what I have now

<input id="loving" type="checkbox"><label for="loving">Loving</label for>

I’ve been stuck on this step for over a day now, I have tried multiple combinations and I still don’t get it :frowning:

4

That for shouldnt be there

1 Like
5

Hello!

You are doing great!

As mentioned by Cody, remove the for from the closing label and you should pass.

Keep up the great progress!

Happy coding!

6

hello
can you pls tell me what to do in this step?

7

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