Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Hi,

I can’t finish Step 56 of Learn HTML by Building a Cat Photo App… all seems good but I can’t finish.
Here is the code I am trying:

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

thank you
JM

3 Likes
2

Hello there!
Let the input tag come first, then the label element.

3 Likes
3

@stephenmutheu, I noticed that the example in the exercise would be in the wrong order then. Hence people are doing it the wrong way as well and getting stuck in the end.

4 Likes
4

the example shows the for attribute, not what to copy

2 Likes
5

After comparing both options in an external editor and running it in my browser I found out that both options are functionally correct. The only difference would be how it looks like in the end: checkbox first or Label first.

The only issue here would be that the code check currently expects a specific order of the tags, which could be improved.

2 Likes
6

Hello everyone I’m also stuck at step 56 of CatPhotoApp.

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

and in the output section it says
"Sorry, your code does not pass. Don’t give up.

There should be a space between your checkbox and your new label element."

Need help, thanks in advance.

7

try with not having the word Loving twice

8

i completely agree with you. it never say to put the label element after input element. Well atleast you get the straight answer for it :smiling_face_with_tear:

10

Hi,
I was completed this step, you can try my code.

Mod edit: removed

11

@mahirabher

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like
12

Yes, I agree. I think it should be more specific. I was also stuck on this step until I found this very thread.

13

Loving