Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
I get this error: After nesting the anchor (a) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.

Describe your issue in detail here.
I can’t find my mistake in this part of code. I’d be grateful if anyone could help me fix it.

See more cat photos in our gallery. cat photos

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

<p>See more cat photos in our gallery. <a href="https://freecatphotoapp.com">cat photos</a></p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/116.0

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

Link to the challenge:

2

Reset the step.

In the existing sentence See more cat photos in our gallery. surround only the words “cat photos” with anchor tags. Don’t add more text like you did by adding “cat photos” one more time.

1 Like
3

Look at the preview pane. What content do you see in that p element?

4 
  <p>See more cat photos in our gallery.</p>
5

I could solve it a few minutes ago
thanks for your attention

6

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