Nest an Anchor Element within a Paragraph - Not working For Me

Nest an Anchor Element within a Paragraph - Not working For Me
0.0 0

#1

Tell us what’s happening:
Can somebody please help me? I don’t understand what I’m doing wrong. This isn’t working for me :’(

Your code so far

CatPhotoApp

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.

View more Here's a link to freecodecamp.org


<h2>CatPhotoApp</h2>
<main>
  
  <a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
  
  <img src='//discourse-user-assets.s3.amazonaws.com/original/3X/6/1/61a3499c5abb165be990aa0c1abd23342e60c663.jpg' 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>

  <p>View more <a href="http://freecodecamp.org">Here's a link to freecodecamp.org</a></p>

 </main>
 

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.

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


#2

To pass this challenge you need to follow the instructions carefully:

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.

For eg. your link should say “View more cat photos” as per the instructions.


#3

You need to nest the anchor in a paragraph, meaning that you need a structure along the lines of

<p>
 Some text, optional<a></a>
</p>

#4

That’s what I did but its still not working for me. I did put the a-tags inside the p-tags


#5

I give up. I don’t get it. This is what I tried but it’s still not working for me. I have a LOT of difficulty w/ the instructions bc of my learning disability (dyslexic). I’m just not getting it.

CatPhotoApp

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.

View more cat photos

freecodecamp_stuck


#6

Do you see how your page has 2 links? One called “cat photos” above the pic and one called “cat photos” below the paragraph? What the instructions need is a new

tag just after the main tag (so it should be above the picture).

Hope this helps.


#7

Oh, OK! I got it now! Thank you! I didn’t understand the instructions (happens to me A LOT bc learning disability)