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

Click here to view more link to cat photos.

i need assitance with above code im really struggling with this one please help

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

<!-- User Editable Region -->

      <p>Click here to view more <a href="https://freecatphotoapp.com">link to cat photos</a>.</p>
      <a href="https://freecatphotoapp.com">link from 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/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening 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!

3

Thank you for posting the question, along with your code, @chaxcafe !

Here is the example for Step 12 which provides excellent guidance if used for reference.

If reviewed, closely, one can see how the anchor has turned freeCodeCamp into a link while allowing everything within the p element statement to remain in place untouched except to add the anchor.

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

I hope this helps you move on.

Happy coding!

1 Like
4

morning

i am still struggling

kind regards

5

Hello @chaxcafe !

The above is not the correct text for this step.

Here is what we begin with at the start of this step.

 <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

Below is the example for Step 12.
<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

The above statement before the anchor was added was
<p>I think freeCodeCamp is great.</p>

The anchor was added to it, and this is how it turned freeCodeCamp into a link.

I think freeCodeCamp is great.

Now, if you notice the original example, it is possible to see how the opening anchor touches the beginning of freeCodeCamp, and how the closing anchor touches the p in Camp.

If you do this with < p>See more cat photos in our gallery.< /p>

Do not leave any space in the element tags. I needed to do that to post it.

I hope this helps you.

1 Like
6

I got it thank you very much

1 Like