Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

level 12 didn’t understand and didn’t get the answer

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 href="https://freecatphotoapp.com"> cat photos </a>in our gallery </p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/128.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to the forum @jomarkos

Here is the original code:

      <p>See more cat photos in our gallery.</p>
1 Like
3

Here is your code:

You changed the casing of the first word, added white space before the word cat, added a space after the word gallery, and removed the period.

Please reset the step to restore the original code.

Then before the word cat add the anchor opening tag. Make sure there is no space between the code and the text.

After the word photos add the closing anchor tag, do not add any extra spacing between the text and the code.

Happy coding

1 Like
4

Hi and welcome!

Here you have a space after “see more " and before " cat photos”:

[quote="jomarkos, post:1, topic:713624"]
`see more <a href="https://freecatphotoapp.com"> cat photos`
[/quote]

That’s 2 spaces total, when all of the words should only have 1 space between them. Additionally, if you look at the original sentence, you have modified it too much:

<p>See more cat photos in our gallery.</p>

Capitalization, punctuation and spacing, none of that should change. Just add the link tags,

1 Like