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 <a href="https://freecatphotoapp.com">cat photos</a></p> 

<!-- 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/111.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

I’m completely confused, I’ve been sat here around an hour and read all the threads and still non the wiser

4

I would advise that you reset the lesson. You got rid of the beginning text that you needed to keep. You need to have this text “Click here to view more” at the beginning. Then the rest of the text comes after your anchor tag

To be more clear "Click here to view more" (anchor tag here) then See more cat photos in our gallery

5

ill give it a go now

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

this is where i am at now no further, i really dont understand

7

Your previous code was better at the beginning. This was better <p>See more cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos</a></p>

Look at the text the challenge gives you. instead of see more cat photos text at the beginning it needs to be “Click here to view more” then after your anchor tag you need to have the text "See more cat photos in our gallery "

8

Step 12

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

this is the challenge

9

it really isnt making sense to me

10

Let me try and give you an example…this is the code you very first posted in the topic, and this has been the closest to being the correct answer.

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

This is not the right text at the beginning of the challenge. Reset and look at what the text should be. The below text should not be the text you use

See more cat photos in our gallery

Take it a step further, here is a screenshot of the challenge when its reset. Do you see why the text you are using at the beginning is wrong?

image
image1077×142 13.3 KB

First step for you: use the correct text at the beginning

Second step: nest the anchor tag like you have done here using the CORRECT text <p>See more cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos</a></p>

Third step: Add the end, the text you need after your anchor tag and before the closing paragraph tag. This is the text you will use at the end in the place I just mentioned " See more cat photos in our gallery "

11

thank u this reallly helped ive just done it now. :smiley:

1 Like
12

Glad you got it figured out.