Step 12---> Cat HTML exercise

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <p><a href="https://freecatphotoapp.com">cat photos</a></p>
    <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/102.0.0.0 Safari/537.36

Challenge: Step 12

Link to the challenge:

I have ran up and down in the forums, restarted the exercise multiple times and cant seem to figure this out.

I understand the concept and believe I am doing it correctly:

I have tried:

‘’’

Click here to view more cat photos‘’’

(which I believe to be the correct "nesting)

the above ‘’’

Click here to view more cat photos.


cat photos

‘’’

I am new and have been caught on step 12 for multiple hours, would freecodingcamp possibly be saving cache from “check your code” tool?

2

You created a new p element. I don’t think the instructions asked you to do this. You want to use the existing p element and make the words “cat photos” a link in that sentence.

P.S. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

3

Thank you so much for help, appreciate the thoroughness
@bbsmooth

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.