Learn HTML by Building a Cat Photo App - Step 21

HTML-CSS
1

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

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>cat nip</li>
          
          <li>lase pointer</li>
          <li>lasagna</li>
        </ul>
      </section>
    </main>
  </body>
</html>

Your mobile information:

SM-A155F - Android 14 - Android SDK 34

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

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

hi there!

you have duplicate cat nip li element. and also check the spellling and lattercase of the all li text. the text should be same and you should not have any duplicate text element.

4

Hello and welcome back to the forum @msasa !

Please for future posts, include your questions, and any error messages, to received focused responses to your code issue?

As stated in the previous post, there are two <li>cat nip</li>. One should be removed, please?

As well, there is a small typo, that we all can make at times in the next line of code.
It should be laser pointers

Wishing you good progress on your coding journey. :slightly_smiling_face: