Learn HTML by Building a Cat Photo App - Step 56

Tell us what’s happening:
Can’t figure out how to solve step 56 in the Building a Cat Photo App tutorial

Your code so far
Loving

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

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

<!-- 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/114.0.0.0 Safari/537.36

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

Link to the challenge:

Please talk to us about how you are stuck. Thanks

I think I’m following the instructions: “Associate the text Loving with the checkbox by nesting only the text Loving in a label element and giving it an appropriate for attribute.” but it’s not working. I’ve tried many different things with no success

I can read the instructions, but you didn’t explain what about the instructions has you stuck.


There is more than the text ‘Loving’ in this label element? I’m not sure I understand what part of the instructions would imply to create a second input element?

I have suck in this step. I try every method. such as:

Loving. The hinds told me that" The text Loving should be wrapped in a label element." I don’t know what can I do.

Hey, guys @JenniferClark @doublekill lets resolve this once and for all. But I wont give you the direct answer to the challenge, I want you guys to understand it by yourselves.

First, go through the instructions again slowly and pay attention to each words. and solve the task accordingly.
Second, when you submit it and get error again, check the error message and you will figure out the missing information in the instruction, which I think it was quite intentional.

You are wrapping the label element wrongly and you are giving the for to the wrong element. Kindly read the instructions carefully and you will figure it out.

Happy Coding…

That’s not my code. No need to reply to me. Kindly read the thread.

Happy coding

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

Oh, I am sorry, that was an error. I intended replying @JenniferClark

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