Learn HTML by Building a Cat Photo App - Step 55

Tell us what’s happening:
Describe your issue in detail here.
what should I code to pass step 55?

can u guys help me to write the correct code?

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
          <label for="loving"><input id="loving" type="checkbox"> Loving</label><label for="loving"> Loving</label>
         ` <input id="loving" type="checkbox"><label for="loving"> Loving</label>`
        </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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Hi @reynoeka

This is the primary hint:

The text Loving should no longer be located directly to the right of your checkbox. It should be wrapped in a label element. Make sure there is a space between the two elements.

I see that you have correctly added the for attribute into label element and have the right corresponding value for the id attribute in the input element.

However, the question wants you to have the input element separated from the label element (not inside within each other). Your code has too many label elements and too many “Loving” texts.

Try restarting the step and only add ONE label element. :grin:

Hope that helps

i’ve been changed like what you instructed but still false. any other solutions?

Can you provide the code to your latest attempt? So we can see your progress :grin:
Thank you

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

I’ve been that code, but still false

That is correct and is accepted in my browser…

Try pasting your whole code perhaps?

this is the whole that i"ve been code in fieldset

 <fieldset>
            <legend>What's your cat's personality?</legend>
            <label for="loving"><input id="loving" type="checkbox"> Loving</label>
            <input id="loving" type="checkbox"> <label for="loving"> Loving</label>
            
          </fieldset>

There is two loving label in that code.

Try restarting the step AND only add one label element.

thank u so much broo, it"s works :slightly_smiling_face: :+1: :+1: :+1:

1 Like

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