Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

i cant seem to get past this please help!

Your code so far

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

<!-- User Editable Region -->

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

<!-- 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 (X11; CrOS x86_64 14541.0.0) 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

2

Welcome to the forum!
Try putting an a element around only the cat photos text in your p element, like shown in the example, remembering the href

3

Welcome to the forum @genevasrevenge

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

Please reset the step to restore the original code, as you appear to have changed some of the text in the paragraph element.

The tests are very specific about spacing and text, so do not alter any of the existing code not asked for in the instructions.

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

4

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