Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a href=cat photos in our gallery.</p>

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com"> 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/116.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

Can someone help me with step 12? I am stuck but dont know what to do. Dont know what did I do wrong?

Your link ‘cat photos’ is separated from the text ‘more’ with to many spaces. You have one after the text more and one before your text ‘cat photos’. Remove one empty space.
Also not sure where this line comes from:

Hope this helps.

2 Likes

Thank you, but I did not find the answer. How can I reset the step 12 , not the whole lesson from the start but only step 12? Since I tried everything with step 12 and nothing worked so far.

Sure. Just click on the ‘reset’ button and only this step will be reset. This can be very useful for when you accidently mess up code from a previous step.
Just make sure not to add too much spacing between your <a> tag and your links text.
Either:

<p>See more <a href="">cat photos</a> in...

Or:

<p>See more<a href=""> cat photos</a> in...

Should work.

1 Like

Thank you, but need help again. I did as you said, and again did not pass.

See more cat photos in our gallery.

link to cat pictures

Do you see my code?

To post your code so that its visible paste it between the ```` marks that appear when clicking the </> button:

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

Can you please help me now?

1 Like

Well down Your spacing is correct!
The ‘href’ attribute tells your link to lead to the address which is written in its value. In this case you want your link to lead to:

Should be:

href = "https://freecatphotoapp.com"

Hope it work!

2 Likes

Thank you but unfortunalety it does not help again.
I will post again my code:

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

Can you help me what is now the issue?

1 Like

Oh I’m sorry. That was my mistake. This option is incorrect as the step doesn’t want you to have any extra space in your link (although its not visible on your webpage.):

So move your empty space to be before your opening <a> tag like this:

1 Like

Hi, I succeeded. I switched the empty spaces, so it looked like this:

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

Thank you for you help and time.

1 Like

My pleasure :smiling_face:. Glad to here that it worked out for you, your doing gr8 :tada:! Good luck in your learning.

2 Likes

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.