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> 
      <a href="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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36 Edg/92.0.902.67

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?

(You have not filled out the “Tell us what’s happening:” field above)

3

i have issues with my step 12 i dont get the arrangement can you please help me out

4

First, reset the task.
Find the text that reads cat photos, and then wrap an anchor element around it with the instructed attribute and value, like this;
<a href="value goes here"> text that needs to be wrapped by the anchor element </a>
I hope this helps.
Thank you.

1 Like
5

If you are stuck, try to understand first that the objective here is to make the words cat photos originally given in the paragraph to become clickable.

That means you should not be typing the words “cat photos” again. Rather you should use an anchor element to nest around the words already given at the start of this step.

See this post if you need more help