Merge pull request #1015 from nature-of-code/fix/layout

Fix `<main>` overflow issue at specific screen widths
nature-of-code · Sep 12, 2024 · 93c3c12 · 93c3c12
2 parents ceb19c8 + ecfee3e
commit 93c3c12
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/layouts/SideNavLayout.js b/src/layouts/SideNavLayout.js
@@ -13,7 +13,9 @@ export default function SideNavLayout(props) {
           <SideNav activeChapter={title && title.split('. ')[0]} toc={toc} />
         </aside>
 
-        <main className="prose mx-auto max-w-[50em] pb-8">{children}</main>
+        <main className="prose mx-auto min-w-0 max-w-[50em] pb-8">
+          {children}
+        </main>
       </div>
     </BaseLayout>
   );