Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

when i run the code the Everyone loves part is still apart of the anchor text not sure what im doing wrong.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p> <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"> </p>

<!-- 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

Hello and welcome to the forum community @R1muru !

Great job!

Just at tiny error we have all made at some time. The / should come before the a in the closing anchor.

Wishing you good progress on your coding journey. :slightly_smiling_face:

4

(post deleted by author)

5

Hi there!

Posting solution code is not allowed here on the forum.

2 Likes
6

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like
7

Thank you for catching that mistake, But the Everyone loves part is still apart of the anchor.

1 Like
8

please share your current 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 (').

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

Still saying that everyone loves is apart of the anchor am I missing something else?

11

can you copy here the exact error you are receiving?

12

  1. The anchor text should be cute cats

  2. The text of the p element should still be everyone loves cute cats online!

13

uhm… do you still have this?

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

This is my current code

15

do you still have that line? it would be right below the comment looking at the code you posted in the first post

16

Yeah I still have it

17

the tests are testing that one, because they are testing the first p element. It wasn’t part of the starting code for this step.

18

So how do i get it to test the one below it?

19

use the backspace. delete it. it should not be there.

20

got it thank you so much!