From eb96f9d85b1ab485909444951d9d136e44bce0b0 Mon Sep 17 00:00:00 2001
From: ebby <ebbyplay@proton.me>
Date: Fri, 21 Aug 2026 14:12:07 +0200
Subject: [PATCH] smaller text on mobile

---
 blog/src/layouts/BlogPostLayout.astro | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

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>