Learn HTML by Building a Cat Photo App - Step 54

HTML-CSS
1

CatPhotoApp

  <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 id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
        <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
      </fieldset>
      <fieldset>

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

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

Your browser information:

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

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

Link to the challenge:

2

I did not understand what is wrong with the code above but the console says:

The text Loving should be located directly to the right of your checkbox. Make sure there is a space between the element and the text. You have either omitted the text or have a typo.

3

That’s your problem right there.

2 Likes
4

Loving: Loving

I put a space between the element tag and the text, and also before the element tag I wrote the text above. Now is OK. Thanks a lot.

5

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