Semantic Structure and Document Outline Bug
Spot the invalid semantic structure that breaks the document's landmark outline.
Codehtml
<body>
<header>
<h1>Tech Blog</h1>
<nav><a href="/">Home</a></nav>
</header>
<main>
<article>
<h2>Understanding the Document Outline</h2>
<p>Semantic elements shape the accessibility tree.</p>
</article>
</main>
<aside>
<h2>Related Posts</h2>
</aside>
<main>
<section>
<h2>Newsletter</h2>
</section>
</main>
<footer>
<p>© 2024</p>
</footer>
</body>What is the semantic/structural bug in this document?