Learn HTML by Building a Cat Photo App - Step 12

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 <a href= "https://freecatphoto.com"</a> in our gallery.</p>
      <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.5 Safari/605.1.15

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

Link to the challenge:

Tell us what’s happening:
Describe your issue in detail here.

2 Likes

In the previous step you turned the words link to cat picturesinto a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a pelement.

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.

I tried different way possible but I can’t pass it

You removed the words “cat photos” from the middle of the sentence in the p element. But you want those words to act as the link text on the page, so I don’t think you can remove them. You need to put them back.

1 Like

See more cat photos in our gallery cat photos

link to cat pictures

I did it this way and it still can’t pass it

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

1 Like

Do not add extra “cat photos” to the text in the p element. You want to turn the existing “cat photos” in the middle of the sentence into a link. You only need to add the opening and closing a tags to pass this step. Do not change anything else.

1 Like

I did that in the first place didn’t work that why I tried different ways still stuck though thank you for ur help appreciate you #bbsmooth

I figure it out I finally get it right
thank you

I I have tried numerous times to get step 12 correct. I have gone<a https://“freecatphotoapp.com”> it is not correct. I have also gone and put the quotes around Photo and that is not right because I leave the free off the text I am stumoed. I have worked on this step for two weeks

Please open up your own topic for step 12. Use the Get Help button in the step. That way in automatically includes your HTML.

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