Updates

src/components/pages/blog/slug/index.tsx

@@ -16,7 +16,7 @@ export default function Main() {
 
     return (
         <Section>
-            <Stack className="w-full max-w-full xl:max-w-[800px]">
+            <Stack className="w-full max-w-full xl:max-w-[800px] overflow-auto">
                 {/* <Divider dashed className="border-[2px] my-6" /> */}
                 <Stack className="gap-1">
                     <H1 className="leading-snug mb-1">{blogPost?.title}</H1>

src/styles/globals.css

@@ -93,7 +93,7 @@
 
 .markdown-rendered pre {
     @apply w-full p-10 border border-solid dark:border-white/20;
-    @apply rounded-default my-6;
+    @apply rounded-default my-6 max-w-[90vw] md:max-w-[80vw] xl:max-w-[800px] overflow-auto;
 }
 
 .markdown-rendered a {