<h2>CatPhotoApp</h2>
<main>
<a href="https://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>
<a>
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 13310.93.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.133 Safari/537.36.
Challenge: Nest an Anchor Element within a Paragraph
First create new <p> tag on the bottom of the <main> tag.
And cut the <a> tag on the top of <main> tag.
And paste it in the new <p> tag that you created on the bottom of <main>
tag. !Remember that <a> tag should be in the <main> tag!
Than write View more in the <p> tag that you created. !Remember that your View More text should not be in the <a> tag!
Than in your <a> tag write cat photos.
Your <a> tag should have
href = "freecatphotoapp.com"
and
target = "_blank"
!Remember that if there is href and target in your <a> tag don’t write it again!
And your code should be like this.
Code
<h2>CatPhotoApp</h2>
<main>
<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>
<p>View more <a href="https://freecatphotoapp.com" target="_blank" >cat photos</a></p>
</main>