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 -->
      <p>Click here to view more <a cat photos.</p>
      <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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

i did having some problem with step 12 on adding the (a) for cat photos

4

im not sure what it is am doing wrong

5

Please read the post here for steps to understand the general concept and then come back and reset the code for your step and try it again.

6

thank you so much very helpful

1 Like
7

i am also having some trouble understanding what needs to be done in step 15 an advice

8

Turning an image into a link is the exact same process as turning any word into a linkZ you have to use an anchor element and nest it around the image (just like you would have done for cat photos in step 12).

If you are stuck, check the syntax on what you wrote and if still stuck, click on ask for help button to open a new topic for review of the code.

Edit: if you are done with a post, please mark it as solved (if indeed it is solved, then pick a post that helped you and select the solution checkmark for it to say you are done)

9

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