diff --git a/blog/src/layouts/BlogPostLayout.astro b/blog/src/layouts/BlogPostLayout.astro
index d53e633..b13a12c 100644
--- a/blog/src/layouts/BlogPostLayout.astro
+++ b/blog/src/layouts/BlogPostLayout.astro
@@ -13,7 +13,7 @@ interface Props {
 const { frontmatter } = Astro.props;
 
 const titleImg = findImageByPath(frontmatter.image.path);
-const localeDate = formatLocalizedDateString(frontmatter.date)
+const localeDate = formatLocalizedDateString(frontmatter.date);
 ---
 
 <Main>
@@ -71,4 +71,11 @@ const localeDate = formatLocalizedDateString(frontmatter.date)
     margin: 32px 0 64px 0;
     font-size: smaller;
   }
+
+  @media only screen and (max-width: 800px) {
+    .markdown-content {
+      font-size: 1.25rem;
+      line-height: 1.4;
+    }
+  }
 </style>