Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

How to make the anchor link hidden to pass the challenge ?

Your code so far

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

<!-- User Editable Region -->

      <p> See more in our gallery <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

hi and welcome to the forum.

For this step, you need to click the reset button to restore the original code given to you because you’ve modified it incorrectly and it is easier to start again.

Once you’ve finished resetting, please add the anchor tags around the words cat photos.
Do not move the words from their given location in the paragraph.
Instead add an anchor opening tag to the immediate left of the word cat, then add an anchor closing tag to the immediate right of the word photos.

3

Hey Buddy See here this is the exact p line.

See more cat photos in our gallery.

Without changing it you need to add anchor tag into it.

Hope You Understand.

1 Like
4

Welcome to the forum @boodysalama009 !

You have received good guidance in the previous posts.

Here is a link to an article that provides great examples and guidance on how to turn both images and text into links.

I have found it very helpful throughout my learning process and keep it near for if I am in doubt of how create the anchor or link.

Wishing you good progress on your coding journey. :slightly_smiling_face: