diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index dc60c03..dd82b8f 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -19,7 +19,7 @@ const {
 <Base pageTitle={title} description={description}>
   <article>
     <div class="text-center">
-      <h1 class="mt-20 mb-2 text-5xl font-bold text-transparent bg-clip-text bg-gradient-to-tr from-pink-500 to-indigo-200">{title}</h1>
+      <h1 class="mt-20 mb-2 text-4xl md:text-5xl font-bold text-transparent bg-clip-text bg-gradient-to-tr from-pink-500 to-indigo-200">{title}</h1>
       {pubDate && <time class="text-base tracking-wider text-zinc-400">{pubDate}</time>}
       {
         updatedDate && (