I am stuck! I have tried rearranging this every which way based on other posts related to this step. Can anyone help? :
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
</main>
</body>
</html>
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.5060.114 Safari/537.36 Edg/103.0.1264.49
Challenge: Learn HTML by Building a Cat Photo App - Step 15
I see you’ve got a closing </section> tag, and it is in the right place. But I don’t see the opening <section> tag. If you want to nest all of the elements inside of the main with a section element, where do you think think the opening <section> tag should go?
There should be an img element right after the closing </ul> tag.
This is the error I am getting now. I think my problem is that I try and make this harder than it is… because every time I get stuck it has always been the simplest solution and I had an “aha” moment.
We can’t quite see your HTML. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.