From 2d97c25c5e9c5ec62614eec02bf2d8982c20be53 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Mon, 25 Dec 2023 00:35:53 +0100
Subject: [PATCH] :lipstick: small styling edits

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 src/layouts/BlogPost.astro | 2 +-
 src/styles/global.css      | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index ee0ff82..ffb7b95 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -9,7 +9,7 @@ const { title, description, pubDate } = Astro.props;
 ---
 <SectionContainer>
 	<main class="flex flex-col flex-1 mb-auto break-words mt-4">
-		<article>
+		<article class="flex flex-col gap-1">
 			<h1 class="text-4xl font-extrabold">{title}</h1>
 			<p class="italic">{description}</p>
 			<FormattedDate date={pubDate}/>
diff --git a/src/styles/global.css b/src/styles/global.css
index 421e1b9..eb37d4a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -77,6 +77,9 @@ p {
 
 .blog img {
 	border-radius: 10px;
+	margin-top: 10px;
+	width: 50%;
+	height: 50%;
 }
 
 .blog h1 {