Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

cant solve this code totally ive tryied every way

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

 <p>I think <a
  href="https://freecatphotoapp.com"></a>see more cat photos in our gallery.is great.</p>


<!-- User Editable Region -->

      <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/109.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hello there!
In this task you are required to nest a portion of text. This text.

Notice that you should not form a new text, instead next the existing text. It’s in the paragraph element. Also, you should not change what is set by the author as default.

1 Like
3

Please click the reset button.
Then read the guidance here

4

Hello and welcome to the forum @capricorn_mischief !

The text showing in the p element is incorrect.

Suggestion: Reset the step to get the original code. It will not affect any previously completed steps, only this one.

Then, as pointed out in the instructions and previous posts, only place the anchor tags around the worlds ‘cat photos’.

Example: Creating a link of the text red dog in the p statement.

<p>The dog catcher chased the big <a href="sample url">red dog</a> in the park.</p>

This would appear as

The dog catcher chased the big red dog in the park.

I hope this helps you.
If you are still confused, here is a link to great guidance, and examples, of how to turn both text and images into links.

Wishing you good progress on your coding journey. :slightly_smiling_face:

1 Like