Trapped in Step 56 of Cat Photos

HTML-CSS
1

I have looked at all the forum help for this step. My code IS correct, but it won’t let me move on.

<legend>What's your cat's personality?</legend>
            <label><input type="checkbox" value="Loving" >Loving</label>

it is telling me my input has an opening tag but not a closing one.

2 
<legend>What's your cat's personality?</legend>
            <label><input type="checkbox" value="Loving" >Loving</label>
3

Please post a link to the step. Thanks

4

I’ve edited your code for readability. 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 (').

5

Screenshot 2025-02-18 091504
Screenshot 2025-02-18 0915041920×1080 304 KB

6

inputs are void elements, which means they don’t need a closing tag. Normally, you write an input like this:

<input /* put whatever you want in here */ />
7

Welcome back to the forum @squishyfishy3

Try removing the label element.
The hint message will guide you on the next issue.

The value attribute is not required for this step.

Happy coding

8

I don’t know what this screenshot means?

Again, please post a link to the step.

9

this isnt working. my AI doesnt get it. its sending me the code that actually works visually. the corrections make no sense also dont make the code visually work. what am i missing here? i understand what a closed element is. this still isnt adding up and these directions that the lesson gives really suck. i appreciate real person help. i just do not see it.

11

I wouldn’t listen to your AI. It doesn’t actually “know” if the response it generated is correct.

Please stop spamming pictures.

  1. Please post a link to the step

  2. Please remove the label element.

  3. Please post your updated code.

Edit: I found the link to the step for you: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-56

12

ok trying to learn how to post here.
now that im in this reply space how do i post my code?
this is what step im working on

when i post my code it isnt showing up…

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

I’ve edited your code for readability. 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 (').

14

You did not delete the label element yet.

Why is the word Loving floating around inside of your label tag?

15

im twited around.
having the label tag at the bottom and loving inside of it is what is making the code appear. with out it i dont see the code looking correct on the project

16

ive tried a ton of variations. this is what actually visually shows up looking correct on the page.

17

You need to do what the instructions say. The instructions do not ask for a label element, so you cannot have a label element in your code.

Under the legend element you just added, add an input with its type attribute set to checkbox and its text set to:
Loving

You must only add this and absolutely nothing else.

18

thank you! i really am having a hard time understanding the language that the instructions are in. computer technical language is very far outside my natural wheelhouse.

19

It takes a lot of time and practice to get used to for sure