Step 15- Learn HTML by Building a Cat Photo App

HTML-CSS
1

Hello,
I am stuck here, Please Help me! (My Code & Output attached below)

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back." <a> href='https://freecatphotoapp.com'>
    </main>
  </body>
</html>

image
image1355×529 157 KB

2

Click restart step and this time go back to step 12 and revise how you made the phrase cat photos into a link.

The procedure to do that in step 12 is identical to the procedure you need to turn the image into a link also.

3

The solution is:

<a href=‘Https://freecatphotoapp.com’<img src=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg”

Delete the alt attribute.

4

that is an incorrect solution.
If it were correct I would have redacted it as we do not appreciate people posting solutions in response to requests for help on the forum.
Please share hints/tips/guidance instead.

5

Mod edit: solution image redacted

first you need to put the anchor above the img src, then you put the href etc etc and close the tag< after you go to the end of the alt and close the tag with />, then you go to the end of the alt and put < / a >

6

Hi Miguel

Thank you so much for taking the time to help someone on the forum today. The fact that you did it almost as soon as you joined speaks to a very helpful personality (as most people who join the forum only want help for themselves initially).

I do have to remove the image you posted though only because we want to encourage everyone to learn how to overcome coding issues themselves (with support of course like hints and tips but not complete solutions).

I look forward to your future contributions to this forum and to FCC as a whole.
Thank you for your understanding.

7

copy this

Mod edit: solution code removed

8

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

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.

1 Like