Learn HTML by Building a Cat Photo App - Step 58

HTML-CSS
1

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

Stuck on step 58, keeps telling me “Your label element should have the text Loving”

Not sure what I am missing here

Your code so far

      <fieldset>
        <legend>What's your cat's personality?</legend>
        <input id="loving" type="checkbox"><label for=loving></label>
      </fieldset>

Your mobile information:

iPhone - iOS16.7.10

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

Hi,
You have to add the text “Loving” inside your label tags. Right now, there is nothing there.

4

Thanks for the reply, I must be very confused though.

I thought the “loving” in

< label for=“Loving” >< /label >

Was correct since that is literally the word loving inside the label tags.
I have also tried

< label for=“Loving” >Loving< /label >

And I still get the same error message.

The added spaces in the code here are so it will not disappear.

2 Likes
5

this is good. Didn’t the hint change now?

Your label element should have a for attribute with the value loving . Expected loving , but found Loving .

also

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
6

“Your label element should have a for attribute with the value loving. Expected --fcc-expected–, but found --fcc-actual–.“

That’s what I got whenever I tried the second line I listed earlier.

I just tried lower casing the L in “for=“Loving”” and it passed this time.

I could have sworn I tried every combination of lower and uppercase on both “lovings” but I guess I was changing two+ things everytime.

Thanks!

1 Like
7

are you using the live version of freecodecamp at freecodecamp.org?

That is an old bug, you should not see that, you should see actual values

1 Like
8

I started out on my laptop at home, I’m currently using the freeCodeCamp IOS app on iPhone right now. I first tried to use the website on chrome earlier, but I was having issues viewing/editing the code. So I looked for an app.

9

“Your label element should have a for attribute with the value loving. Expected --fcc-expected–, but found --fcc-actual–.“

oh, so you see this in the app?

10

Yes, which isn’t technically wrong I guess. Since it did literally want “loving” not “Loving” at the for attribute, it was confusing though.

11

the issue is that --fcc-expected-- and --fcc-around-- should be replaced

12

and add name attribute inside input tag and add value personality

14

Loving

15

Loving

16

@owolabitimileyin007 please dont try to give the solution to challenges

17

MOD EDIT: Solution removed.

18

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.