Slightly increase h1 element size

Author: stelcodes

src/layouts/MarkdownLayout.astro

@@ -15,7 +15,7 @@ const { frontmatter } = Astro.props
 
 <Layout title={frontmatter.title} description={frontmatter.description}>
   <div class="max-w-full py-7.5">
-    <h1 class="mb-3 text-2xl text-[var(--theme-h1)] font-semibold">
+    <h1 class="mb-3 text-[1.75rem] text-[var(--theme-h1)] font-semibold">
       # {frontmatter.title}
     </h1>
     <div class="mb-5 prose">

src/pages/posts/[slug].astro

@@ -55,7 +55,7 @@ if (addendum.length > 0) {
         />
       )
     }
-    <h1 class="mb-3 text-2xl text-[var(--theme-h1)] font-semibold">
+    <h1 class="mb-3 text-[1.75rem] text-[var(--theme-h1)] font-semibold">
       # {postData.title}
     </h1>
     <div class="text-foreground/80 mb-2.5">
@@ -83,9 +83,9 @@ if (addendum.length > 0) {
       )
     }
     <!-- <hr class="border-accent/10 border-2 rounded-xl hidden lg:block" /> -->
-    <div class="flex flex-col xl:gap-8 2xl:gap-18 xl:flex-row xl:items-start">
+    <div class="flex flex-col xl:gap-4 2xl:gap-18 xl:flex-row xl:items-start">
       {postData.toc && headings.length > 0 && <TableOfContents headings={headings} />}
-      <div class="mb-5 xl:min-w-[648px] 2xl:min-w-[688px] prose">
+      <div class="mb-5 xl:min-w-full 2xl:min-w-full prose">
         <PostContent />
       </div>
     </div>