From a924d6e440bc2d3815848b1234e06bce8ec467bb Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Mon, 12 Sep 2022 09:26:32 +0630
Subject: [PATCH] Add with 100% in main to solve overflow problem

---
 src/layouts/Main.astro       | 2 +-
 src/pages/posts/[slug].astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro
index 7738337..21180ad 100644
--- a/src/layouts/Main.astro
+++ b/src/layouts/Main.astro
@@ -15,7 +15,7 @@ const { pageTitle, pageDesc } = Astro.props;
 
 <style>
   main {
-    @apply max-w-3xl mx-auto px-4 py-12;
+    @apply max-w-3xl mx-auto px-4 py-12 w-full;
   }
   h1 {
     @apply font-semibold text-2xl sm:text-3xl;
diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index b9ef403..d88148f 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -52,7 +52,7 @@ const { Content, frontmatter } = Astro.props.post;
 
 <style>
   main {
-    @apply max-w-3xl mx-auto px-4 py-12;
+    @apply max-w-3xl mx-auto px-4 py-12 w-full;
   }
   .post-title {
     @apply font-semibold text-2xl text-skin-accent;