Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I dont seem to understand the instruction given

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
      <p> See below the image of a 
         <img src="https://freecatphotoapp.com">
      </p>
        <a href="https://freecatphotoapp.com">cat photos</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/103.0.5060.134 Safari/537.36 Edg/103.0.1264.77

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

Link to the challenge:

2

You’ve made quite a few changes that weren’t ask for in the instructions. I think you should restart the step to get the original HTML back.

The first thing you want to do here is to turn the words “cat photos” in the p element into a link. You have in fact already done this very thing below the p element. Look at the “cat photos” link you have made below the p element:

<a href="https://freecatphotoapp.com">cat photos</a>

You turned those words into a link by surrounding them with a tags. You can turn anything into a link by surrounding it with a tags. So that’s what you want to do to the words “cat photos” in the p element. You can put a tags inside a p element.

Then after you do that you can delete the original “cat photos” link below the p element.

3

You actually wrote a different line in the paragraph element and you should nest the anchor element in the paragraph. This might help you.,

<p>Click here to view more
      <a href="https://freecatphotoapp.com">cat photos</a>
      </p>
4

This was helpful. Thanks for the contribution.

5

Thanks for taking your time to respond. I found that quite helpful and encouraging.

6

Thanks once again. I wonder why I had to change the text to “Click here to view more” before the code ran since it wasn’t part of the instruction. Looking forward to your response.

7

You should not change anything the instructions do not ask you to change. Since the instructions did not mention changing that text then you need to leave it the same. You were only supposed to turn the words “cat photos” into a link, which does not require changing the actual text of the p element, just adding the a tags.

8

Thanks for your response

9

Don’t worry, it happens. Sometimes breaking the rules is way more rewarding than following the rules. :smile:

10

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