From 30c761c5de84d7eda43c7eb20312b3b21a4c9bc5 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@gmail.com>
Date: Thu, 12 Jan 2023 01:35:14 +0600
Subject: [PATCH] fix font size

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
---
 pages/blogs/[blog].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/blogs/[blog].vue b/pages/blogs/[blog].vue
index 49c9d84..193f8e6 100644
--- a/pages/blogs/[blog].vue
+++ b/pages/blogs/[blog].vue
@@ -21,7 +21,7 @@ const data = computed<BlogPost>(() => {
 <template>
   <main class="px-6 container max-w-5xl mx-auto">
     <header>
-      <h1 class="md:text-xl lg:text-5xl m-7 font-bold text-center">
+      <h1 class="text-xl md:text-3xl lg:text-5xl m-7 font-bold text-center">
         {{ data.title || '' }}
       </h1>
       <NuxtImg
@@ -49,7 +49,7 @@ const data = computed<BlogPost>(() => {
       </div>
     </header>
     <div
-      class="prose prose-pre:max-w-xs sm:prose-pre:max-w-full md:prose-lg prose-h1:no-underline max-w-5xl mx-auto prose-zinc prose-img:rounded-lg"
+      class="prose prose-pre:max-w-xs sm:prose-pre:max-w-full prose-sm sm:prose-base md:prose-lg prose-h1:no-underline max-w-5xl mx-auto prose-zinc prose-img:rounded-lg"
     >
       <ContentDoc>
         <template #not-found>