Hello, This is the HTML to a left sidebar. <section id="content"> <div class="content wrap"> <div class="container"> <div class="row gx 5 col mb 80"> <! Post Content ============================================= > <main class="postcontent col lg 9 order lg last"> Main Content </main> <! Sidebar ============================================= > <aside class="sidebar col lg 3"> <div class="sidebar widgets wrap"> Sidebar Content </div&gt…

HTML Sidebar

JjohnvanhoutenMar 19, 2026

Hello,

This is the HTML to a left sidebar.

		&lt;div class="row gx-5 col-mb-80"&gt;

			&lt;!-- Post Content
			============================================= --&gt;
			&lt;main class="postcontent col-lg-9 order-lg-last"&gt;

				Main Content

			&lt;/main&gt;

			&lt;!-- Sidebar
			============================================= --&gt;
			&lt;aside class="sidebar col-lg-3"&gt;
				&lt;div class="sidebar-widgets-wrap"&gt;

					Sidebar Content

				&lt;/div&gt;
			&lt;/aside&gt;

		&lt;/div&gt;

	&lt;/div&gt;
&lt;/div&gt;

</section>

But then the HTML is incorrect.
The “main” element must not appear as a descendant of the “section” element.

I am currently using columns, and that is not ideal.

How do I solve this?

Thanks