Why this error is showing . Error Image - Monosnap
Code
<h2>CatPhotoApp</h2>
<main>
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
<img src="https://www.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
</p>
</main>
The objective is to nest the anchor element (a) inside a p element. Nesting -in simple terms- means to place inside.
So, you could add the p tags around the anchor element as follows:
<p> ...<a...> </a> </p>
Hope this helpsâŚI am trying not to print out the exact code as it could be a spoiler.
Donât worry if it takes some time, letâs try to understand what our code needs to do.
Look at the output screen. You see a pic of a cat and a link (cat photos) above it.
The link is there because of the anchor element (<a>). What the lesson is asking us to do is to add the text âView moreâ in front of it.
You could do this using the p tags (<p>). <p>View more</p>
Also, part of the question says to ânestâ the (<a>) element inside (<p>) element.
You could simple cut and paste the existing anchor element code inside your p tags. <p> View more <a>.....</a> </p>
Keep checking the output screen as you add the code to see how it impacts .
Can you edit this code and send me again. It will help me
<h2>CatPhotoApp</h2>
<main>
<a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>
<img src="https://www.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
</p>
</main>
<h2>CatPhotoApp</h2>
<main>
<!---
<p><a href="#" target="_blank">cat photos</a></p>---->
<img src="https://www.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://www.freecatphotoapp.com">cat photos</a></p>
</main>
Iâve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the âpreformatted textâ tool in the editor (</>) to add backticks around text.
Please include the link to the challenge you are working on.
You will get more responses to your post if people know what challenge you are working on.
In the future you can just use the Ask for Help button which will include your code and challenge link.
We do not provide answers. If you have an issue please ask about what youâre not understanding.
This lesson is asking you to Create an a element that links to https://www.freecatphotoapp.com and has "cat photos" as its anchor text.
Try resetting the lesson and follow the instructions.
If thereâs still an issue post the current code that you have so we can help
