Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

Hey, please help struggling on step 14 (index.html), I am not sure what I am doing but the code is not passing.

Your code so far

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

<!-- User Editable Region -->

      <p> <a>cute cats</p> <a href=https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg </a> <p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

where is the rest of the p element?

please reset the step, and see this as an example:

1 Like
3

Hi there and welcome to our community!

This is the line of code which you start this step with:

<p>Everyone loves cute cats online!</p>

You should turn the text ‘cute cats’ into a link, without modifying the existing text in any other way.
You do this by enclosing that part of the text within anchor tags and adding the specified href attribute to the opening tag.

EXAMPLE:

<!-- text without link -->
<p>Please visit my website for awesome content</p>

<!-- 'my website' turned into a  link -->
<p>Please visit <a href="example.com">my website</a> for awesome content</p>
1 Like
4

Hey
Thank you so much!

1 Like