diff --git a/themes/mytheme/layouts/_default/single.html b/themes/mytheme/layouts/_default/single.html
index d74b4a0..6b7c3b3 100644
--- a/themes/mytheme/layouts/_default/single.html
+++ b/themes/mytheme/layouts/_default/single.html
@@ -1,13 +1,13 @@
 {{ define "main" }}
 <div class="max-w-6xl mx-auto bg-white p-10 pt-16 rounded-lg shadow-xl">
   <div class="mb-10 text-center ">
-    <h1 class="text-3xl font-bold mb-6 text-black">{{ .Title }}</h1>
-    <div class="date text-2xl">
+    <h1 class="text-xl md:text-3xl font-bold mb-6 text-black">{{ .Title }}</h1>
+    <div class="date text-lg md:text-2xl">
       {{  .Date | time.Format ":date_long" }}
     </div>  
   </div>
   <div class="bg-gray-400 h-[1px] mb-8"></div>
-  <div class="content text-[1.4rem] leading-relaxed">
+  <div class="content text-lg md:text-[1.4rem] leading-relaxed">
   {{ .Content }}
   </div>
 </div>