Learn HTML by Building a Cat Photo App - Step 54

HTML-CSS
1

Tell us what’s happening:

Help me please. I have no idea what to do here. It’s frustrating.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: 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 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>

<!-- User Editable Region -->

            <legend>What's your cat's personality?</legend>
           <input type="checkbox" id="option" name="Loving"> ( RIGHT HERE IS MY TROUBLE)

<!-- User Editable Region -->

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

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 54

2

They’ve asked for an input element (which you made) with a type attribute (which you created). However, I don’t see any mention of a name attribute or an id attribute.

I do see a mention of the “option” of that checkbox which should be Loving.
Where do you think it makes sense to add that word? (Look at the preview area, every other time you added an input, where did the word that goes with it end up?)

3

Hello there @che.govia welcome to fcc forum.

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

The lesson asks you to add a input and set type to checkbox and add text Loving as an option under legend tag. But see what you did here.

<!-- User Editable Region -->

            <legend>What's your cat's personality?</legend>
           <input type="checkbox" id="option" name="Loving">  mod edit

<!-- User Editable Region -->

So, you don’t need id and name property inside input tag, remove them and you should pass the challenge.

Let me know, thanks.

4

I edited your post because you were not quoting the OP but seemed to be giving away a solution. (Which is against our policy here.)

5

hey I tried this and it still isn’t working :frowning:

6

Please click on “Reset” lesson and start afresh. You will get the original code again and don’t forget to add the text Loving at the right place.

7

Please post the code in your reply if you need more help