Learn HTML by Building a Cat Photo App - Step 27

HTML-CSS
1

What’s wrong?
Tried different methods, nothing works.
Could it be a site bug?

<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>

<!-- User Editable Region -->

        <h3>Top 3 things cats hate:</h3>
          <section>
            <ol>
              <li>flea treatment</li>
              <li>thunder</li>
              <li>other cats</li>
            </ol>
          </section>        

<!-- User Editable Region -->

      </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/111.0.0.0 Safari/537.36

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

Link to the challenge:

Screenshot_39
Screenshot_39636×515 23.2 KB

1 Like
2

Try to refresh the page.

3

It didn’t work.
I attached a screenshot .

4

okay i got it , clear the both section seen in screen shot.

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
5

But it must be right because the numbering appeared

image
image1918×835 265 KB

6

We already mention section element above , so do not mention section again right now after h3 element, just write your code without the section element just write the ordered list and put the three options and closed the ordered list. Thats it

1 Like
7

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