Learn HTML by Building a Cat Photo App - Step 58

HTML-CSS
1

Hello guys, am stuck at this level I have put my mind to it but all in vain please help out.

This is my code:

  <label><input id="loving" type="checkbox" name="loving-lazy" value="loving"> Loving
        </label>
        <label><input id="lazy" type="checkbox" name="loving-lazy" value="Lazy"> Outdoor
        </label>

What’s not right here?

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

            <label><input id="loving" type="checkbox" name="loving-lazy" value="loving"> Loving
            </label>
            <label><input id="lazy" type="checkbox" name="loving-lazy" value="Lazy"> Outdoor
            </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; rv:121.0) Gecko/20100101 Firefox/121.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 58

2

Look at what you’re assigning the value (it may be case sensitive) and what you’re actually naming it. It seems you copied it from a previous exercise and forgot to change the text.

Looking at the lesson itself it says “Also add a label element to the right of the new checkbox”. You may need to play around with where you place the opening label.

3

I decided to go through it again today but it has given me had time for the past 3 days.

“Also add a label element to the right of the new checkbox with the text Lazy. Make sure to associate the label element with the new checkbox using the for attribute.”

At step 58, How do i go about associating the ‘label’ element with ‘for’ attribute?

4

Label for=“lazy” label for="loving and input text should be lazy not outdoor

5

I think to start maybe hop back to step 53 and follow those steps again. The “label” elements seem to be out of place, for what this section of the project is asking. Step 56 should help you identify where the “label” should be.

As you are only wrapping text within the label, not the entire input.

Try that and let me know what you figure out!

6

Lazy

Now where do i insert the 'for" attribute.

help with full line code.

7

though it failed again. arrgghhhh men.

8

Okay let me get back as you said to step 53.

2 Likes
9

Sorry bro we are learning to code here , providing code to a member is against the rule.

1 Like
10 
  <input type="checkbox" name="personality" value="lazy" id="lazy">

  <label for="lazy">Lazy</label>

This still is failing guys. What do i need to correc/changet from this line of code?

11

What does your entire code look like not just the two lines

12

I finally got it from step 53. Thanks guys.

1 Like
14

Hi there!
Posting full working code solution is not allowed here on the forum.

1 Like
15

oops, np, I deleted it! Thanks @hasanzaib1389

1 Like