Learn HTML by Building a Cat Photo App - Step 27

HTML-CSS
1

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

Your code so far

please what am i doing wrong?

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>flea treatment</ol><ol>thunder</ol><ol>other cats</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/107.0.0.0 Safari/537.36 Edg/107.0.1418.35

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

Link to the challenge:

2

This is an example of an unordered list.

This exercise needs something very similar but instead of ul element, use ol.

3

so should i change it or should i create another one which contains cat nip,laser pointers,and lasagna?
please give me details can you be more specific?

4

I was showing you an example of how to create an unordered list because the ordered list you need is very similar. You should look at it and compare it to your code

Do your see how your code has a fundamental mistake? (The example shows an element type that you missed completely.)

Hint: the problem isn’t the ol it is the li.

5

thanks so much ive figured it out

2 Likes
6

Could you give and example of what you changed in the code?
currently stuck in step 27 myself.

7

If you have a question about a specific challenge as it relates to your written code for that challenge, and you’ve tried to solve it at least 3 times so far and still need some help, just click the Ask for Help button located on the challenge (it looks like a question mark).
This button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

8

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