Nest an Anchor Element within a Paragraph prplem

HTML-CSS
1

what is wrong ?

Untitled00000000000
Untitled000000000001360×768 309 KB

2

Try this code… It works for me…

CatPhotoApp

View more cat photos

A cute orange cat lying on its back.

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

1 Like
3

Can you give the link to the challenge?

1 Like
4

hi Mahmmoud

you just need to follow the instructions without adding anything extra.
(It looks like you added an extra <br>?)

1 Like
5

https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph/

6

but i shold but my new code in the bottom of the page !

1 Like
7

Hi mahmmoud,
You need not add new anchor tag in your tag just copy the anchor tag at top in paragraph tag at bottom.
Format should be like:

<main>
<p>
<a></a>
</p>
<img>
<p></p>
<p></p>
</main>

This should be fine.
Hope it helps.

1 Like
8

sorry my last post was incorrect

9

actually the instructions say:

Now nest your existing a element within a new p element (just after the existing main element). The new paragraph should have text that says “View more cat photos”, where “cat photos” is a link, and the rest of the text is plain text.

10

can you post your latest code?
Did you remove the <br> tag and retry?

1 Like
11

Sorry for that.
Even though that helps you pass but the structure i mentioned is incorrect.

12

thank u my friend :heart_eyes:

13

this is my last code
what i forget ? :disappointed_relieved:

0
01360×768 305 KB

14

you have put 2 anchor tags just put only one.
And first one is not even closed.

1 Like
15

let’s work through the instructions one step at a time

Now nest your existing a element within a new p element (just after the existing main element). The new paragraph should have text that says “View more cat photos”, where “cat photos” is a link, and the rest of the text is plain text.

1- nest existing <a> element within a new <p> element

I see you have a new <p> element added just after the <main> element so that is a good step forward.
Did you also add the closing tag <\p> ? I don’t see it in the correct place. It should be after the first link for ‘cat photos’.

2- the new paragraph should have text that says “View more cat photos” where “cat photos” is a link and the rest of the text is plain text.

I see you have cat photos is a link. So that looks good.
I see you have added the text ‘View more’ to the paragraph. Good work.

However, I also see this <a > has been added. This one seems wrong?
It doesn’t match the instructions provided, so delete that one.

1 Like