Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Tell us what’s happening:

i have tried everything to nest loving with label but it is not working

Your code so far

Loving 

<!-- User Editable Region -->

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


<!-- User Editable Region -->

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 56

2

You have way too much space between your input and label. There should only be one space between them.

Also, look back at the directions, it says you need a for attribute in your label which you do not currently have

5 Likes
3

bro i have tried everything send me a picture of ur own code pls thanks

1 Like
4

Hi there! Looks like you have to learn how it works to pass this task:

3 Likes
5

teach me then. send me screenshot of ur code, thanks bro

6

We dont give out code on the forum. The point is for you to make the code work. We can help, but you have to be the one to write the code

Share your new code

2 Likes
7

coach me then pls bro

8

I cant do anything without seeing your code. I gave you areas in your code that needed to be fixed. Did you attempt that yet? We need to see your new code

1 Like
9

hold on pls while i send it

10

Loving

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

Will need to see all your code. This line of code passes for me so you probably have an issue somewhere else in your code. Or, you can reset the lesson and use this line exactly the way it is then it should pass

13

do u mean i should start from the top

14

Right, need to see every single line of code. You can use the ctrl+a on your keyboard to select all code, ctrl+c to copy the code then ctrl+v to paste it in

Or, use the reset lesson button in the challenge to reset the code back to the default. Then use the line of code you just shared in the challenge and it should pass

15

this is step 55

<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 type="checkbox"> Loving
          </fieldset>
          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>
16

Now change this line to new the line of code you gave me in your earlier post

17

is it step 56. should i send that one

18

what is all of the current code you have for the challenge you’re stuck on. Not the past challenge, or future challenge. The challenge you are on right now

19

it is step 56 i am having problem with

20

So show all the code for challenge 56 that you have. If all you have for 56 is the below code then you need to reset the lesson because you removed 99% of the code you need.

If this is not all the code then please share all the code

3 Likes