Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I don’t know why it’s not working. It always shows this error: (Sorry, your code does not pass. Don’t give up. 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.)

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 -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Heyy.
This conversation will be helpful with this.

3

Hi there, instead of adding the link at the end of the given text, they were expecting you to add it around the words “cat photos” in the middle of the text (See more cat photos…)

4

Hello and Welcome to the forum!

Good job of anchoring the text.

If this could be done within the p element text, it would be great.

Example:

<p>Little steps in code <a href="some url">are big steps</a> in learning it.</p>

This is turning the text are big steps into a link.

It would appear like this:

Little steps in code are big steps in learning it.

I hope this helps guide you.

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