Loving lable in step 53 HTML not working

HTML-CSS
1

Hi, I’m having trouble with step 53 in the HTML course.
I should add a label around the Loving text, which I did, but It’s not taking my input correctly.
I have runned the assignment and my code trough ChatGPT, and it’s said that it can’t find any errors.

Here is my code and thanks

     <main>
  <h1>CatPhotoApp</h1>
  <section>
    <h2>Cat Photos</h2>
    <!-- Add link to cat photos -->
    <p>
      See more
      <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in
      our gallery.
    </p>

    <a href="https://freecatphotoapp.com"
      ><img
        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg"
        alt="A cute orange cat lying on its back"
    /></a>
  </section>

  <section>
    <h2>Cat Lists</h2>
    <h3>Things cats love:</h3>
    <ul>
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>

    <figure>
      <img
        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg"
        alt="A slice of lasagna on a plate."
      />
      <figcaption>Cats <em>love</em> lasagna</figcaption>
    </figure>

    <h3>Top 3 things cats hate:</h3>

    <ol>
      <li>flea treatment</li>
      <li>thunder</li>
      <li>other cats</li>
    </ol>

    <figure>
      <img
        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg"
        alt="Five cats looking around a field."
      />
      <figcaption>cats <strong>hate</strong> other cats.</figcaption>
    </figure>
  </section>

  <section>
    <h2>Cat form</h2>
    <form action="https://freecatphotoapp.com/submit-cat-photo">
      <fieldset>
        <legend>Is your cat an indoor or outdoor cat?</legend>
        <label
          ><input
            type="radio"
            id="indoor"
            name="indoor-outdoor"
            value="indoor"
          />
          Indoor
        </label>

        <label
          ><input
            type="radio"
            id="outdoor"
            name="indoor-outdoor"
            value="outdoor"
          />
          Outdoor</label
        >
      </fieldset>

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

      <input
        type="text"
        name="catphotourl"
        placeholder="cat photo URL"
        required
      />
    </form>
    <button type="submit">Submit</button>
  </section>
</main>
2

Also I did try adding spaces between the label and Loving text but nothing

3

Have tried checking for any extensions or resetting the question?

4

Yep, should I try to clear my cache? Wouldn’t that delete my progress<

5

Try using a different browser,cause your code passes on my side.

6

Now I tried Microsoft Edge and the same issue (I use Mozilla as my main browser)

7

Can you try it on chromium also ensure your zoom is 100%

8

Installed chrome, and this is the result:

image
image1126×1042 58.7 KB

Also did clear cache in mozilla but with no avail

9

also correctly displayed on the preview
image

11

“I fixed the problem by adding a tag around the “Loving” text with the “for” attribute set to the “loving” ID of the checkbox. This allowed my input to be correctly interpreted by the code.” - I do already have that there, or am I not getting it? :smiley: Sorry Im fighting this step almost an hour :smile:

12

I can’t figure out where the problem is mate :smiling_face_with_tear: maybe @Cody_Biggs can help.
Cause your code has passed all tests on my end.

1 Like
13

I reset the thing,and it works, I was worried it will reset my whole progress. Could there be some cached code on the server and that was deleted just by reseting the step? because deleting cache and using different browser did not help. At least I know for the future that it just resets the current step not the whole course, thaks for the help guys, have a nice day :wave:

1 Like
14

I thought you had done that earlier. You too.

1 Like
15

I misunderstood the resetting the question part, sorry. Like I said, I thought that it will reset the whole lesson so i did, sign out, then changed browsers and then deleted the cache.

16

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