Question 12 - Responsive Web Design

HTML-CSS
#1

Tell us what’s happening:
Hi, can anyone give me a hint on what’s wrong with my code below? I’ve been stuck for a while now

  **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 <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36

Challenge: Step 12

Link to the challenge:

#2

Hi @Fuegokai,

The goal in this challenge is to make a text that reads:
“Click here to view more cat photos.”
(And the “cat photos” part should be a link.) Since this is not what your code currently generates, it gives you a “not passed” message. You need to figure out how to remove that extra “cat photos” and replacing it with the link. I think you can figure it out :slight_smile:

1 Like
#3

Thank you!

Click here to view more cat photos

Still not working?
#4

Could you paste your new code? It is difficult to understand from only this text.

#6

Screenshot 2022-06-17 at 12.52.23
Screenshot 2022-06-17 at 12.52.231728×140 21.9 KB

#7

Two notes here:

  • In the future, make sure you use the “Preformatted text” button in order to paste a code (the icon of the button is: </>, and it next to the button where you insert images). This makes it much easier to read than to open a picture. I would like to challenge you to try to use it here for the new code, to get some practice using it :slight_smile:

  • Regarding the challenge, they want the punctuation mark to be there too:
    “Click here to view more cat photos.”
    instead of
    “Click here to view more cat photos”

#8

Noted!

I am still stuck sadly :confused: been at this for a long time now

#9

Hey! “cat photos” should be linked to link into the a tag which is the child of p and p should consist of “Click here to view more” text. So finally it should be “Click here to view more cat photos”( this “cat photos” text should be linked)). I hope it is clear

#10

I still don’t get it :confused:
Sorry, I’m freshly new to this…

#11

I got it!!
Thanks so much for the advice :slight_smile:

1 Like