Learn HTML by Building a Cat Photo App - Step 58

HTML-CSS
1

I can’t pass this step every time I edit the code it keeps getting error and I don’t know what is wrong can you help me?

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>
            <legend>What's your cat's personality?</legend>

<!-- User Editable Region -->

            <input id="loving" type="checkbox" name="personality"> <label for="loving">Loving</label>
            <label for="lazy"><input type="checkbox" name="personality" id="lazy"> Lazy </label>

<!-- User Editable Region -->

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

welcome to the form please clearly tell the problem and i will help u

2 Likes
3

Hello @Deeq143 !

Essentially, step 58 is a repetition of the previous challenges. So, to make it easier, the initial challenge code is provided for your convenience to duplicate and update the necessary particulars.

You could just reset this challenge and start over to make things a litter simpler.

Does this help?
Keep up the good progress!

Happy Coding! :slightly_smiling_face:

2 Likes
4

Hi @Beimnet Welcome to the forum.

You have written everything correctly but in the wrong order.

Correct order is:

  • opening tag of the input checkbox
  • next, the opening tag of label
  • text “Lazy” — there should be no space before and after this word
  • closing tag of label
1 Like
7

2 posts were merged into an existing topic: Id,for attribute meaning

8

ok, im sorry , new here so i wasnt quite sure how to ask

9

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