Learn HTML by Building a Cat Photo App - Step 26

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
      <ol>flea treament</ol>
      <ol>thunder</ol>
      <ol>other cats</ol>
     </ol>

    </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/104.0.5112.102 Safari/537.36 Edg/104.0.1293.63

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

Link to the challenge:

2

Step one to success on freecodecamp is to make sure your spelling is perfect. Double check how you spelled the word treatment.

Also an ordered list is written in the same way as an unordered list but with ol instead of ul. That means that the list items should be using a li tag.

<ol>
  <li>my first line</li>
  <li>my second line</li>
…
</ol>
3

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