A element should be nested within your new p element

HTML-CSS
1

Tell us what’s happening:

i cannot move on i dont know what the problem is

Your code so far


<h2>CatPhotoApp</h2>
<main>

<a href="http://freecatphotoapp.com">cat photos</a>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

<p> View more <a target="_blank" href="http://freecodecamp.org"</a>cat photos.</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

2

your last line anchor tag is not properly closed and your text for the link is placed outside anchor tag.
<p> View more <a href="http://freecodecamp.org" target="_blank">cat photos.</a></p>
Hope this helps

3

nope.
the problem is at the last line

4

@US-India was talking about the last line

but you need to delete the last line and follow carefully what you are asked to do, using the existing anchor element:

Now nest the 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 Like
5

yes i do that over and over i even shuffle it to see the result but i cannot get out i dont know whats wrong

6

in the code you posted you did not change at all line 4, which is the existing anchor element

7

i did not have to change at line 4 the code is at last line after the tag

Screenshot_2020-04-06 freeCodeCamp org
Screenshot_2020-04-06 freeCodeCamp org911×556 67.9 KB

8

the exercise tell you to use the existing anchor element, which is on line 4. it expects you to change line 4.

9

but the instruction is after the main tag

10

the instruction tells you where to find the anchor element

the main tag is on line 2…

11

you mean that it says after “main element”, yes, that’s not correct
can you report it as a bug?

Thank you for helping make FCC better. Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

12

confused :woozy_face:

13

then ill not be able to continue my learning? :sneezing_face:

14

why can’t you?
you just need to do the challenge with the existing anchor element, as required

15

Tell us what’s happening:
still not working i cannot move on to the next test. but i tested the project it works fine

Screenshot_2020-04-07 freeCodeCamp org
Screenshot_2020-04-07 freeCodeCamp org1280×620 320 KB

Your code so far


<h2>CatPhotoApp</h2>
<main>

<a href="http://freecatphotoapp.com" target="_blank">cat photos</a>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<p> View more <a target="_blank" href="http://freecodecamp.org"</a>cat photos.</p>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

16

圖片
圖片1035×506 38.5 KB

You should just add a <p> tag outside this <a> tag, not creating a new one.

17

thanks for the comment @smile1120
but the problem is at the last line with view more text

18

His answer is correct toybits102. The instructions say to modify the existing a element. Not create a new one.
Delete the last line that you added and modify the existing one

1 Like
19

the instruction says after the </main> tag

20

Now nest the 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.