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.
satnaing · Nov 3, 2022 · 5eeea66 · 5eeea66
1 parent c1df953
commit 5eeea66
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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>