Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

How do i pass this stage? I am stuck on the 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 -->

      <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/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to the forum @mike20

The anchor element needs to nest the target words in the paragraph element.

Please reset the step to restore the original code.

Then place the opening anchor tag before the word cat in the paragraph element.

Then close the new element by placing the closing anchor element after the word photos.

Don’t forget to add the href attribute.

Here is an article explaining how to link text and images inside nested elements you may find helpful.

Happy coding

1 Like
3

Welcome to FCC, you will understand this the more you work through the modules, you have added addition text at the end that is not needed cat photos remove that, then wrap the already existing text cat photos with the same <a></a> you already have. That should pass, you have written it correctly but you added unnecessary text at the end. Hope this helps if it does i would appreciate a like or a solution tick, happy coding friend keep going!

4

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