diff --git a/src/components/IndexPage.astro b/src/components/IndexPage.astro
index 0c5b0c9..328855f 100644
--- a/src/components/IndexPage.astro
+++ b/src/components/IndexPage.astro
@@ -80,8 +80,8 @@ const {posts, page, totalPage} = Astro.props
   }
 
   @media (max-width: 640px) {
-    .page-content {
-      gap: 24px;
+    .intro{
+      padding-bottom: 24px;
     }
 
     footer {
diff --git a/src/components/PageHeader.astro b/src/components/PageHeader.astro
index 778c3dc..173ea1e 100644
--- a/src/components/PageHeader.astro
+++ b/src/components/PageHeader.astro
@@ -31,7 +31,7 @@ const {siteTitle} = siteConfig;
 
   @media (max-width: 640px) {
     header {
-      margin-top: 24px;
+      margin-top: 12px;
       margin-bottom: 0;
     }
   }
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index cb4e2e9..cce1a1e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -45,4 +45,10 @@ const pageTitle = title ? `${title} - ${siteTitle}` : siteTitle;
     height: 100%;
     min-height: 100%;
   }
+
+  @media (max-width: 640px) {
+    .container {
+      padding: 16px;
+    }
+  }
 </style>