Learn HTML by Building a Cat Photo App - Step 55

HTML-CSS
1

Hi there, please can anyone enlighten me on what to do next?

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

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

Link to the challenge:

2

hi there,
the challenge here is to put ONLY the word “Loving” within label-tags, not the whole input, to give yourself a reason to use the attribute " for ". If you give the attribute the required value, also , it should fit .

1 Like
3

More specific questions help people help you more easily. Also, asking good questions is an important programming skill that takes practice to build.

4

Thank you for this, but please can you help me on how to put questions out there because sincerely i am new at this and i am still struggling to get it but with determination i know i will

5

Asking questions is hard. It helps when you specify which part of the instructions or hints is confusing.

6

okay noted i will try to do better next time, thanks for the heads up anyway

1 Like
7

please can you help by explaining with an example because i still don’t understand

1 Like
8

Both the opening and closing label tag must be to the right side of the checkbox. Also, you need to add the text Loving between the opening and closing label tags. Lastly, you need to add a for attribute that exactly matches the id attribute of the checkbox.

1 Like
9

Sir, with all due respect i still dont understand what you just typed, could you please break it down in steps with examples so that i even understand what i am doing because i do not seem to undertstand what an id or for attribute is meant for

10

We aren’t allowed to write answers for you.

Try the first part.

11

okay thanks i guess ill just have really think deeply about this, but i love that rule though to prevent laziness. let me try something i will get back to you

1 Like
12

It’s less against laziness and more that people tend to get stuck more on later steps when they copy answers.

1 Like
13

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