Why can't I get this step right

I can’t seem to understand this step
am I supposed to delete line 8
am i supposed to write “cat photos” twice
am i supposed to include href in line 7
I’ve been stuck on this step for so long.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <a href="https://freecatphotoapp.com">cat photos</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/102.0.5005.63 Safari/537.36

Challenge: Step 12

Link to the challenge:

HI @Hasan1 !

Yes

No

Yes

The lesson is trying to teach you how to nest an anchor tag inside a paragraph.
The correct result should look like this
Screen Shot 2022-06-08 at 10.02.46 PM

You see how cat photos is now a link?

That is what the lesson wants you to do.

Hope that helps!

<p>Click here to view more <a href="cat photos">cat photos</p> 

Did it but the code doesnt pass
it says I have an extra anchor element

This is the incorrect href value

Even though you had to remove line 8, you still have to use the correct href value.

That is what this part of the directions means
Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below

I would reset the lesson.
Make sure to use the correct href value and then delete line 8.
You can copy the href from the anchor tag on line 8 and then delete it.

Hope that helps!

Also it looks like you are missing the closing anchor tag here

If you need extra help, then you can read through this fcc article

<p>Click here to view more <a href="https://freecatphotoapp.com">cat photos.</p>

I copied the href still no luck passing the code.

You are still missing the closing anchor tag here

Remember closing tags all share this basic syntax.

</elementName>

Also,

I’ve edited your post 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 (’).

<p>Click here to view more <a href="https://freecatphotoapp.com">cat photos.</a></p>

I wrote the closing tag but the code wont pass
It says I’m getting the link’s text wrong

The period is not supposed to be apart of the anchor text here

Remember the screenshot I showed you earlier?
The period was not part of the link.

If you remove that period, then it will pass

Thank You it finally passed!!

1 Like