From 45527fdeeb6fc6908f178a9d4727aafaef25fb6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kaan=20Barmore-Gen=C3=A7?= <kaan@bgenc.net>
Date: Sun, 19 May 2024 00:14:02 -0500
Subject: [PATCH] Add a bit more margin to the highlighted blog posts section

---
 src/routes/+page.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index aaa1b59..261895a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -102,7 +102,7 @@
 </section>
 
 {#if data.highlightedPosts.length > 0}
-	<section>
+	<section class="highlighted">
 		<h2>Highlighted Blog Posts</h2>
 		<BlogPostList showYear showReadingTime={false} posts={data.highlightedPosts} />
 		<div class="all-posts-button">
@@ -122,6 +122,10 @@
 		clip-path: var(--clip-path);
 	}
 
+	.highlighted {
+		margin-top: 4rem;
+	}
+
 	.socials {
 		display: flex;
 		flex-wrap: wrap;