Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

need help linking names and nesting with (a) stuck

Your code so far

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

<!-- User Editable Region -->

    <p> <a>cat photos</a> href="https://freecatphotoapp.com</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/123.0.0.0 Safari/537.36 OPR/109.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Welcome to the forum @zeezo

You removed text from 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.
Don’t forget to add the href attribute.

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