Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I follow the guidelines and I don’t understand should I put the cat photos after

or after the link set?

Your code so far

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

<!-- User Editable Region -->

      <p>cat photos<a href="https://freecatphotoapp.com">See more cat photos in our gallery</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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

hi there,

please click the Reset button to restore the original code. After that, locate the words “cat photos” in the editor (it is in the middle of the paragraph element).

After that, add your anchor opening tag on the left of the word cat and the anchor closing tag on the right of the word photos.
This will enclose the “cat photos” text in your anchor element (or nest it as the exercise calls it) and will make it become clickable. You can check this in the preview pane.

3

See more cat photos in our gallery.

See here this is the main p tag

You need to convert here the text cat photos in anchor tag to make it a link.

If you face any problem kindly let us know.