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>See more cat photos in our gallery.</p>
      <a "https://freecatphotoapp.com"="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 (X11; CrOS x86_64 14541.0.0) 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

1 Like
2

Welcome to FCC Forum @yaakoubzidan101 !

Please tell us what the problem is in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

Happy coding!

3

You don’t want to change anything about the link you created below the p element. I would reset the step to get the original HTML back.

You want to turn the words “cat photos” in the middle of the p element into a link. You previously turned the words “link to cat pictures” into a link by nesting them in an anchor element. In other words, you put an opening a tag before the words and a closing a tag after the words. This is how you turn any group of words into a link. So you want to do the same thing to the words “cat photos” in the middle of the p element.

4

Hi @yaakoubzidan101
The anchor(a) tag should be between the p-tags and I think "cat photos " is supposed to be the link.

<p> <a href="#">cat photos</a></p>

Happy coding.

2 Likes