Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
Can’t seem to figure this one out. I’ve checked the forum for help but none of the other answers seem to work for me.
I believe I’ve got something wrong about the href but haven’t figured out what. Any advice would be much appreciated!

Your code so far

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

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Take a look at this a element and compare it to your previously added a element and you’ll notice something is missing assign the appropriate link and you should be good.

3

Welcome to the community @olimarque !

You can find help for this step and many steps in the future through this great article found in the FCC News category with great explanations and examples of turning text and images into links.

FCC News Article Turn Image and Text Into Links

Happy coding!

1 Like
4

I’ve looked and I still can’t figure it out.

5

Thank you for attaching this link, it’s very informative but unfortunately I still haven’t figured out what’s wrong with my code.

1 Like
6

You are missing the href attribute inside of your <a> element. If you add that and assign the appropriate link you should be set. Reference the link you created previously listed below this one in the editable text area.

7

The opening a anchor requires the href and its value.

Example from Step 12

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

Please take note of how the anchor has the href attribute, along with its value url, in this example?

This is what is missing in your code to move on to the next step.

Do not copy and paste the code provided for the example, as it is not the correct url necessary for your anchor?

You are doing good!
Happy coding!

8

I finally figured it out, thank you for your help.

1 Like
9

I finally figured it out, thank you for your help!

1 Like
10

Congratulations on figuring it out, @olimarque!

Keep up the good progress!

1 Like