From 5eeea6639e79f93c3d0917bc827dfd37a23d041c Mon Sep 17 00:00:00 2001
From: satnaing <satnaingdev@gmail.com>
Date: Thu, 3 Nov 2022 18:51:28 +0630
Subject: [PATCH] fix: fix heading style in posts/<page-num> layouts

Heading styles not applying properly in Main.astro layout. Fix this problem by applying id selector.
---
 src/layouts/Main.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/Main.astro b/src/layouts/Main.astro
index 12de7458e..8fd7e62e0 100644
--- a/src/layouts/Main.astro
+++ b/src/layouts/Main.astro
@@ -17,13 +17,13 @@ const { pageTitle, pageDesc } = Astro.props;
 </main>
 
 <style>
-  main {
+  #main-content {
     @apply max-w-3xl mx-auto px-4 pb-12 w-full;
   }
-  h1 {
+  #main-content h1 {
     @apply font-semibold text-2xl sm:text-3xl;
   }
-  p {
+  #main-content p {
     @apply mt-2 mb-6 italic;
   }
 </style>