Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

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

Link to the challenge:

1 Like
2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Mod edit: redacted solution

4

Trick to learn is the debug / read error messages

Associate the text Loving with the checkbox by only nesting the text Loving in a label element and place it to the right side of the checkbox input element.

Step 1: Loving
check error message and later fix it.

Google how to link label with a input checkbox

1 Like
5

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.

2 Likes
6

i tried this code but not working kindly help where is the error
Loving

7

i tried this code but not working kindly help
Loving

8

What code did you try?

2 Likes
9

I’m sure by now you’ve figured out the problem but for anyone else (like myself) who was searching for help with this step:

You did label it correctly, besides using a capital L in “Loving” which doesn’t match the id, but you removed the displayed “Loving” text for the user to actually see and click on between the labels.

Here is the correct solution:
Mod edit: solution removed

11

Try this buddy
Mod edit: solution removed

code :kissing_closed_eyes: Loving

12

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.

13

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
14

You all try this …

Mod Edit: SOLUTION REMOVED

1 Like
15

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.