Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
I dont understand what I’m getting wrong. Someone please help. Thank you

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 cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos</a>.</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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15

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

Link to the challenge:

2

instead of adding a new cat photos you should turn the existing cat photos in the paragraph into a link (don’t retype the words cat photos again)

3

still gives me an error

Screenshot 2023-01-21 at 18.33.36
Screenshot 2023-01-21 at 18.33.361440×900 213 KB

4

You have to delete the line of code below, you don’t need it.

5

Your spacing is a little off but everything else looks good.
To fix the spacing, remove the space to the left of the word cat and add it to the right of the word more

1 Like
6

Screenshot 2023-01-21 at 20.41.33
Screenshot 2023-01-21 at 20.41.331440×900 216 KB

I removed the spacing buy still

7

Your spacing is still incorrect. You can reread my previous post or just use common sense to look at the preview pane and determine where the spacing is incorrect.

8

Please explain to me where is it in correct? should I make more space or less and where? I tried to look at the answer to this question but I still don’t understand what I’m doing wrong

9

I did tell you in my first post what was wrong so that is why I suggested reading that post again.

Another way to find the mistake is to just look at the preview pane on the right side of the code.
I hope you can see the spacing issue just by looking there?

10

:frowning: please be a bit patient with me. I did remove the space on the word cat and added more space to the left

11

okay maybe the picture you sent is old? (it shows the words are stuck together still).

Can you copy your code instead of sending a picture? Instructions below on how to paste the code in your reply so that we can see it here:

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

12

Thank you. I managed.

1 Like
13

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