Stuck on step 55? haven't found any other posts on the forum that help

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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>
          <input id="loving" type="checkbox"> <label for="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/103.0.5060.66 Safari/537.36

Challenge: Step 55

Link to the challenge:

2

The for attribute on the label should have the value of the id on the input. And case matters, so if the id is all lowercase then the for attribute needs to match that exactly.

Also, you don’t have any text associated with the label:

<label for="Loving"></label>

That’s an empty label because there is no text between the opening and closing tags. What do the instructions want you to use for that text?

1 Like
3

the instructions want me to use “Loving” but when I change the id to that, I get an error. i think I nested it the way you said but it still gives me an error:

4

They only want the label text to be “Loving”. The id on the input should be “loving”.

5

Screenshot_1
Screenshot_1773×564 81.9 KB

1 Like
6

I know it’s a bit confusing because we are using both “loving” and “Loving” in this solution. The id on the input needs to be “loving”. The for attribute on the label should be the same as the id. The text for the label (the stuff in between the opening and closing label tags`) should be “Loving”.

You have moved the for attribute outside of the opening label tag. It should be inside the tag. Attributes go on the tag.

7

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