Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

i am stuck with step 14 of building a cat photo.Please help anyone

Your code so far

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

<!-- User Editable Region -->

     <a href="https://cdn.freecodecamp. org/curriculum/cat-photo-app/running-cats.jpg">cute cats</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/147.0.0.0 Safari/537.36 Edg/147.0.0.0

Challenge Information:

Build a Cat Photo App - Step 14

2

hello @sicelomusancubukezi welcome to the forum!

there is an extra space in your href attribute, between ...freecodecamp. and org/.… please correct it.

please do not remove the p element from the seed code. you have to convert the existing cate cats text in the p element into a link. The text in the preview should still be “Everyone loves cute cats online!”

It seems like the seed-code for this challenge was changed. Kindly use the Reset Button (image) located at the bottom of the challenge to reset the challenge and restore the seed-code and then try again.

Resetting the challenge will delete all of your current progression. Make sure to copy the important bits of your current code before using the Reset Button, and paste it afterwards.

3

hello sampatee,please help me again i still dont understand how to convert the cute cats text in the p element into a link,please help im drowning into this because i have been stuck on it the day

4

Tell us what’s happening:

Hello developers, I have been struggling with step 14 for the whole day and I don’t understand the basic instruction of linking the anchor elemet.Please help, i dont even have a clue with it

Your code so far

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

<!-- User Editable Region -->

     <p>Everyone loves cute cats online!</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/147.0.0.0 Safari/537.36 Edg/147.0.0.0

Challenge Information:

Build a Cat Photo App - Step 14

5

I went ahead and combined your posts for you.

In the future, just reply to the original thread to add further updates.

Thank you.

7

for 2. You seem to have forgotten to close a tag. and seems like they want the phrase “cute cats” just once

edit: well now ig maybe my answer seems out of context because i forgot to directly reply to kimanthiimark :wilted_flower:

8

hello @sicelomusancubukezi!

you already have another p element in your code, in which the text "cat photos” is converted into a link here -

you have to do the same thing with cute cats in “Everyone loves cute cats online!”. please try to use this as a reference.