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><a cat photos href="https://freecatphotoapp.com"</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/107.0.0.0 Safari/537.36

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

Link to the challenge:

I am trying to complete step 12 and i am not sure where i am going wrong with code. I’ve tried adding the cat photos after the anchor and ive tried inserting it before the anchor. It for some reason won’t read cat photos.it says " Sorry, your code does not pass. Don’t give up.

Hint

The link’s text should be cat photos. You have either omitted the text or have a typo."

2

Please click the reset button (which looks like an arrow turning) to return the code back to its initial state.
After this, look at the preview pane and notice that the paragraph text is
Click here to view more cat photos.

And what they asked for is to turn the last two words into a link similar to below

Click here to view more cat photos.

So you need to create an anchor link that will turn those 2 words into a link without adding anything except for the anchor opening tag and the anchor closing tag.

1 Like
3

Just to add on what at @hbar1st said,

on step 12 they basically need you to make “cat photos” CLICKABLE and you learnt that the anchor element which has an opening and closing tag helps into making a clickable text.

just to spoil a bit for your code, remove the cat photos and write it e.g cat photos </…

4

I understand what to do but I’m confused on how my code is wrong when it’s done like it was in step 11

16708942260212572613325987609156
167089422602125726133259876091561920×865 159 KB

I have attached a photo to show how I’ve written the code. I’m not understanding what is wrong with how I wrote the code

It may be hard to see but I wrote out:

<a href=“HTTPS://freecatphotoapp.com” cat photos

5

What happened to the rest of the text?
The original paragraph said

Click here to view more cat photos.

But you seem to have erased most of this?

6

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

I am not sure how it dissappeared but im attempting to copy and paste again so you can see the code i wrote out to see where im going wrong

edit: it looks like it wont let me include p element for some reason so ill put spaces in between when typing but i did not put the spaces in the actual code

okay re-edit: its not letting me post the p element in the code for some reason not sure how to fix this. The best I can do is upload a photo from my phone of my computer screen

20221212_212315
20221212_2123151920×865 264 KB

7

to post code here you must follow the instructions below:

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 (').

1 Like
9

i suggest that you click the reset button to restore the code back to its initial state
then please read this post

10

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