I'm stucking at Step 56. I tried to nest the test but the result doesn't come out

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

Test

Sorry, your code does not pass. Keep trying.

Hint

You will need to add a new label element in which to nest the text Loving. Make sure it has both an opening and closing tag.

Please post a link to the challenge.

Can you say more about how you are stuck in your own words?

It looks like you aren’t doing this

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

I’ve tried and it shows like that

Test

Sorry, your code does not pass. Keep trying.

Hint

You will need to add a new label element in which to nest the text Loving. Make sure it has both an opening and closing tag

Try removing the extra space in the label text

There is no extra spaces in label text.
Where is the extra space? If you don’t mind ,can you point it out? :cry:

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

I see a space before the L

There is extra space :sweat_smile:

After changes, still don’t get the result :smiling_face_with_tear:

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

Shouldn’t your input be within your label? Post
the link to the challenge and your full code for perspective.

This looks correct. Please copy all the code and paste it here so we can see everything.

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

and

A link to the challenge you are working on would really help. Let me go look for it now that I’m not on my phone.

Edit: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-56

This exact code passes for me.

Oh! finally,got it. I chose reset all code button and wrote the code again. Big Thanks for helping me :blue_heart:

Did you find the solution or did it just work when you re wrote it?

Um what exactly did you do coz I’m stuck at the same challenge?

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like

I just rewrote the code again

I used forward slash from number pad after that I stuck but now it’s ok

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