Learn HTML by Building a Cat Photo App - Step 54

HTML-CSS
1

Tell us what’s happening:

I am on step 54 of the CatPhotoApp and I don’t know what I am doing wrong

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>
            

<!-- User Editable Region -->

            <legend>What's your cat's personality?</legend>
      <label><input id="loving" type="checkbox">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/125.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 54

2

There’s more inside of your label than just the 6 letters “Loving”.

Note - its best to talk to us about how you’re stuck instead of just that you’re stuck. Communication is a critical part of coding

3

Sorry for the lack of communication this was my first time posting one of these. The space after Loving was not the issue it seems. It is say “You should only have added one input element for your checkbox. Remove any extras” but I only have on input variable I also removed ID and it still is showing the same message.

4

I was not talking about the space. I was talking about all the other stuff inside of that label that is not the 6 letters “Loving”.

You must have exactly 6 letters and nothing else between <label> and <\label>.

1 Like
5

Hi there!
Step 54 doesn’t need the label tags. Remove the label tags and give a space before the text Loving, you have immediately after input element.

6

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