Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

my console keeps saying im doing something wrong but I have what it wants me to do so im confused at the same time, can someone please help me!!!

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

<!-- User Editable Region -->

     <p>See more photos in our gallary. <a href="https://freecatphotoapp.com">cat photos</a></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/127.0.0.0 Safari/537.36 OPR/113.0.0.0 (Edition std-2)

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to the forum @nownowmike

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

It should be gallEry not gallAry

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

1 Like
3

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