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 don’t seem to understand why this isn’t working, I’ve done everything it says I should but it still not correct. Can someone please put me through this
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 href="https://freecatphotoapp.com">cat photos</a> </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

you’re close to being correct here.
The original text looked like this:

Click here to view more cat photos.

And they wanted you to turn the last 2 words into a link

Click here to view more cat photos.

You have done that, but you have lost the period along the way. You also have the wrong spacing in the sentence. Look at your preview pane to see what I mean then make the fixes needed.

1 Like
3

Thank you so much, I’m still trying to figure it out, I knew something was wrong the minute the image wasn’t well placed, but I just didn’t know how to correct it. Well I’m still on it trying to figure it out. Thanks for your help

1 Like
4

if you are still stuck you can post your code here (in response) and I will give you more feedback.

1 Like
5

Okay, thanks for your help. I will post it on here if I can’t get it done

6

hi Abiola, post your new code here inside a code block like this

```
code here
```

7

Okay I think I just figured it out, I added a p element to the anchor tag and it put the cat photos link on top of the image. I don’t know if I’m making sense

8

Well my code doesn’t pass.


<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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">link to cat pictures</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>
9

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

10

Can you click on the Restart Step button at this point?

After that, I want you to write a new anchor element inside this line
<p>Click here to view more cat photos.</p>

(don’t modify any other code, just this one line).

The anchor element should make the words “cat photos” into a link.

Try this and if you want me to revise the anchor element for you, let me know.

11

wow this looks like magic, I am trying to get what you just did. I hope you don’t get tired of me. I promise I will figure it out. I just solved the problem I was facing, I am now on step 14. I think I need to learn how to post on the forum properly. Thank you for your time. It really means so much to me. I’d be needing you more anyway, I hope you don’t get tired. Thanks!

1 Like
12

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