[site/layout][s]: fixed layout

site/components/Layout.js

@@ -17,10 +17,7 @@ export default function Layout({ children }) {
         <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
       </Head>
       <Nav />
-      <main className="max-w-7xl relative mx-auto px-2 sm:px-6 md:px-8">
-        {/* <div className="hidden md:block w-[16rem] fixed top-16 left-[max(0px,calc(50%-40rem))] bottom-0 right-auto px-8 overflow-y-auto border-2 border-red-500"> */}
-        {/*   <Sidebar /> */}
-        {/* </div> */}
+      <main>
           {children}
       </main>
       <footer className="w-full h-24 mt-16">

site/components/MDX.js

@@ -87,6 +87,7 @@ export default function MdxPage({ body, frontMatter, editUrl }) {
           { name: "keywords", content: keywords ? keywords : "" },
         ]}
       />
+      <div className="max-w-7xl mx-auto px-2 sm:px-6 md:px-8">
         <article className="prose dark:prose-invert prose-a:break-all mx-auto lg:mr-[20rem] p-6">
           <header>
             <div className="mb-6">
@@ -150,6 +151,7 @@ export default function MdxPage({ body, frontMatter, editUrl }) {
           )}
           </main>
         </article>
+      </div>
     </>
   );
 }