Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1><main>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p></main>
</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/102.0.0.0 Safari/537.36
Challenge: Step 5
Link to the challenge:
Your opening main
is inside your h1
block. Blocks should not partially overlap, ever. They are either siblings or children. This is a hierarchy, not a Venn diagram of intersections and unions.
<!-- broken, overlapping -->
<element1>
<element2>
</element1>
</element2>
<!-- OK, they're siblings -->
<element1>
</element1>
<element2>
</element2>
<!-- OK, they're parent/child -->
<element1>
<element2>
</element2>
</element1>
Also, you have two closing main
tags.
Thank you very much… I’ve been able to correct my mistake