Learn HTML by Building a Cat Photo App - Step 56

HTML-CSS
1

Tell us what’s happening:
I have 2 lines here, the first line is the previous step so you can see what I had changed. The instruction says I need to nest the text “Loving” only in a label element and give it a “for” attribute which has the same value as the id’s value in the “input element”. It got me confused because I thought I did exactly right. Can you show me the mistakes I made? Thank you and happy coding!

Your code so far

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

Your browser information:

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

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-56`Preformatted text`

2

Your code passes. Try resetting the lesson and run the same code again.

3

Hello!

If after following Leader @stephenmutheu guidance you are still unable to pass, please try the following?

  • Reset step
  • Refresh page (F5)
  • Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests.
  • If you are having problems, recommendation is to disable extensions that modify the content or layout of pages, while taking the course.
    • Try a different browser.

Happy coding!

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.