Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

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 href="https://freecatphotoapp.com">cat photos</a></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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to the FCC Forum @MuqadasShafaq !

For this step we should not remove, change any of the provided code at the beginning of the step.

We should only has the anchor around the two words cat photos while they remain within the p element statement.

Here is the example from the step.

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

Please note how the text freeCodeCamp is within the anchor touching both sides of the text?
Included below is an article found in the fCC News category that explains with good examples how to turn both images and text into links.

FCC News Article Turn Image and Text Into Links

I hope this helps you!

Happy coding!

3

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