Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here. Seems like nothing I do is working. tried lower and upper loving ,Loving…plz help… There’s another way to associate an input element’s text with the element itself. You can nest the text within a label element and add a for attribute with the same value as the input element’s id attribute.

Associate the text Loving with the checkbox by nesting only the text Loving in a label element and giving it an appropriate for attribute.

Your code so far <label for="Loving"><input id="loving" type="checkbox"> Loving</label>

1 Like
2

Can you post a link to the challenge

3

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

4

So looks like you switched things around. When I reset the challenge I notice that the input comes first. You need the label after the input. The text “Loving” should be the only thing in the label

5

this doesn’t work either, this is after the input right?

            <label for="Loving"></label>```
6

Wheres the text that should be inside the label?

7

is supposed to be type text?

8

This is what the directions ask you for

“nesting only the text Loving in a label element and giving it an appropriate for attribute.”

I dont see any text in your label

9

i see what I did but now I am getting another problem.
Sorry, your code does not pass. Keep trying.

Hint

There should be a space between your checkbox and your new label element.
Sorry, your code does not pass. Keep trying.

Loving

         <label for="loving"> Loving </label>
10 

             <label for="loving"> Loving </label>```
11

Now show the code for both the input and label. As the hint suggest there might be a spacing issue

12

like a like a line break?

13

Loving

Loving
doesnt work with or without line break

14 
             <label for="loving">Loving</label>```
15

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

16

The hint is giving you a hint

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

Post both the input and label so we can see if theres a space or not. You should not be adding a break…pay attention to the hint you were given

17

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

18

I had to edit the code formatting in your post. So in your code right now, is there a space between “Loving” and the <label> element?

19

its not putting a space in between

            <label for="loving">Loving</label>  ```
20

Please post all of the code instead of only that little piece