Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

hi, i am unable to add an anchor element within the p tags as it says you cant have more than one cute cats instances

Your code so far

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

<!-- User Editable Region -->

      <a>Everyone loves cute cats online!</a> <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"></a>

<!-- 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/137.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

Hi. Reset the step. You are asked to turn the existing text cute cats into a clickable element.

You have already done this here so you can use this as an example for the syntax:

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
3

Hi Buddy, Here you need to put this anchor tag in between your p tag

Kindly do put the text cute cats in between the anchor tag.

Here do change the a tag into p tag as that was p tag not a tag.

Hope You Understand…

1 Like
5

Actually its not anchored properly here’s what it looks like
[solution removed by moderator]

see now cute cat is in blue if u tab it you will go to the url you have anchored thats what it does

6

I have amended your post to remove the solution. We guide users to working out the issue for themselves on the forum.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.