<h2>CatPhotoApp</h2>
<main>
<a href="http://freecatphotoapp.com" target="_blank">cat photos</a>
<img src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/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.
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.
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.
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).