Tell us what’s happening:
Describe your issue in detail here.
After I run Step 21, this is the message I keep getting:
Test: Sorry, your code does not pass. Hang in there.
Hint: You should have three li elements with the text cat nip, laser pointers and lasagna
in any order. You have either omitted some text or have a typo.
I could not find any typos, and I checked and rechecked the code many times but was not able to locate an error; yet, every time I reran it, I kept getting the message above. The preview runs perfect. It lists the three things cats love after their header.
So, now I am stuck and can’t move forward. Could somebody help me uncover the error which escapes my notice or tell me how to move on to the next step? Thank you.
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>
<!-- User Editable Region -->
<ul>
<li>cat nip</li>
<li>laser pointer</li>
<li>lasagna</li>
</ul>
<!-- User Editable Region -->
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/111.0
Challenge: Learn HTML by Building a Cat Photo App - Step 21
Link to the challenge: