From bfdc04e02f5098b267e14f33f3f3c6f8645583f6 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Sat, 9 Dec 2023 23:47:46 +0100
Subject: [PATCH] :lipstick: minimize font size on headings

---
 src/layouts/Layout.astro   | 2 +-
 src/pages/blog/index.astro | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 0a4621b..22973de 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -11,7 +11,7 @@ const {frontmatter} = Astro.props;
 <SectionContainer>
 	<main class="flex flex-col flex-1 mb-auto break-words mt-4">
 		<article>
-			<h1 class="text-4xl font-extrabold">{frontmatter.title}</h1>
+			<h1 class="text-3xl font-extrabold">{frontmatter.title}</h1>
 			<p class="italic mb-4">{frontmatter.description}</p>
 			<div class="blog">
 				<slot />
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index d0742aa..886af7a 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -22,7 +22,7 @@ const sortedYears = Object.keys(postsByYear).sort((a, b) => b - a);
 ---
 <SectionContainer>
 	<main class="flex flex-col h-screen gap-4 mt-4">
-		<h1 class="text-4xl font-extrabold">Blog posts</h1>
+		<h1 class="text-3xl font-extrabold">Blog posts</h1>
 		{sortedYears.map(year => (
 			<section>
 				<div class="text-xl font-semibold">{year}</div>