Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

At this point I’m only having a hard time assigning the words “cute cat” as the anchor text im not sure what I’m doing wrong but I know I’m very close.Can somebody take a look and tell me what I’m missing?

Your code so far

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

<!-- User Editable Region -->

      <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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

You just have a spacing issue. Look at it in the PREVIEW window. That link should only be on the words “cute cats”.

3

see I figured that was the problem though everytime I take a space out the code still doesn’t seem to work no matter what I do i will take another look thank

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

do you believe what I have here should work?

5

the link actually works and it looks right but it is still telling me its not correct so I’m stumped

6

Tell us what’s happening:

Same issue my anchor text seems fine now but it is still telling me that I’m not correct

Your code so far

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

<!-- User Editable Region -->

      <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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

7

Hi @ameionbridgewater280

  1. Please add a single space after the word loves
  2. Remove the space before the word cute

I’ve edited your post to improve the readability of the code. 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 (').

Happy coding

8

I went ahead and combined your posts for you. In the future, just reply to the original thread to add further updates.

Thanks.

9

Thank you so much this has been most helpful who would’ve thought something so small could ruin the whole code :sweat_smile:

1 Like