Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

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.

What does this mean? Please help!

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
       <p>See more cat photos in our gallery</p>
     <p><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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Hi there and welcome to our community!

This is the starting code for this step:

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

You should not edit the second line of code here. I would hit the Reset button and try this step again.
Within the p element above, you should enclose the text ‘cat photos’ in a pair of anchor (a) tags, to create a link, and then add the specified href attribute to the opening anchor tag.

EXAMPLE:

// text without link
<p>Please visit my website for awesome content.</p>

// 'my website' turned into a link
<p>Please visit <a href="example.com">my website</a> for awesome content.</p>

Thank you, I got it and it worked

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