Learn HTML by Building a Cat Photo App - Step 14

Tell us what’s happening:

I tried different wordings to see where I went wrong and none of them worked for this step , I don’t know what I missed or whats wrong with this code. I looked on the forum but I didn’t see anyone who had the same type of code I had so the issues were different

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
<p> Everyone Loves
<a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a>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/133.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

Hello @Zentachi !

I haven’t tested the code but I’m certain you’re experiencing spacing problems.

Here is the original unchanged code and the result

Code:

<p>Everyone loves cute cats online!</p>

Result:

Everyone loves cute cats online!

Here is your code and the result

Code:

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

Result:

Everyone Loves cute catsonline!

Can you tell the difference?

  • in spacing?
  • capitilization of letter(s)?
  • should the output of your code like the original when it comes to capitilized words and spacing?
1 Like

Please can someone explain to me why this algorithm is wrong?[quote=“tracy.chacon.00, post:3, topic:736282, full:true”]

Here is the original unchanged code and the result

Code:

<p>Everyone loves cute cats online!</p>

Result:

Everyone loves cute cats online!

Here is your code and the result

Code:

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

Result:

Everyone Loves cute catsonline!

Can you tell the difference?

  • in spacing?
  • capitilization of letter(s)?
  • should the output of your code like the original when it comes to capitilized words and spacing?
    [/quote]

hi @carlosmartins832

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

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

But what is wrong with this algorithm?

Still looks like you have an unwated space:

Screenshot 2025-02-24 152839

Also:

‘loves’ is not the same as ‘Loves’

Its better if you provide your code so others can test/run it:

<p>Everyone Loves <a href="https://cdn.freecodecomp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online</p>

But why does the output say: Sorry, your code did not pass the tests. Keep trying.

What does your code look like now? Provide a snippet, unless you figured it out already.

because your code did not pass

you have changed the text, it was Everyone loves cute cats online!, you have added spaces, changed capitalization of letters, removed punctuation… if the text doesn’t stay the same your code will not pass


I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

Have you tried wrapping the elements around the word cute cats.