Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I dont understand where the mistake was made so pls help me

Your code so far

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

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos-->
      <p> <a href="https://freecatphotoapp.com">cat photos </a>
       see more cat photos in our gallery </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/128.0.0.0 Safari/537.36 Edg/128.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to the forum @sravani1

You altered the text in the paragraph element.

The tests are very specific about spacing and text, so only alter the code the instructions asked of you.

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

Please reset the step to restore the original code.

Place the opening anchor tag before the word cat in the paragraph element.

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

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

Happy coding

1 Like