From be9715aca0c6d79d46392547d405ede7cd417f46 Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Mon, 29 Sep 2025 17:32:58 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B3=D1=80=D0=B0=D0=BD=D0=B8=D1=87?=
 =?UTF-8?q?=D0=B8=D0=BB=20=D1=88=D0=B8=D1=80=D0=B8=D0=BD=D1=83=20=D0=B1?=
 =?UTF-8?q?=D0=BB=D0=BE=D0=BA=D0=B0=20=D1=81=20=D1=82=D0=B5=D0=BA=D1=82?=
 =?UTF-8?q?=D0=BE=D0=BC=20=D0=B4=D0=BE=205XL,=20=D0=BA=D0=B0=D0=BA=20?=
 =?UTF-8?q?=D0=BD=D0=B0=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20?=
 =?UTF-8?q?=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/blog/+page.svelte        | 4 ++--
 src/routes/blog/[slug]/+page.svelte | 3 +++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 1fda149..ab8635f 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -46,11 +46,11 @@
 		>
 			{monthYear}
 		</h1>
-		<div class="flex flex-col flex-wrap items-stretch gap-4">
+		<div class="flex flex-col flex-wrap items-center gap-4">
 			{#each postsInMonthYear as post, i}
 				<a
 					href="/blog/{post.slug}"
-					class="flex flex-col justify-baseline overflow-hidden rounded-lg bg-slate-100 text-slate-950 drop-shadow-xl transition-all hover:drop-shadow-2xl sm:flex-row sm:justify-stretch"
+					class="flex w-full max-w-5xl flex-col justify-baseline overflow-hidden rounded-lg bg-slate-100 text-slate-950 drop-shadow-xl transition-all hover:drop-shadow-2xl sm:flex-row sm:justify-stretch"
 				>
 					<div class="relative h-32 w-full basis-auto sm:h-auto sm:basis-1/3">
 						{#if post.thumbnail}
diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
index f9a3fc8..b143f3e 100644
--- a/src/routes/blog/[slug]/+page.svelte
+++ b/src/routes/blog/[slug]/+page.svelte
@@ -27,6 +27,7 @@
 		</div>
 	</div>
 </section>
+
 <section
 	class="flex shrink-0 flex-col items-center justify-center p-4 font-bold {isPublic
 		? 'bg-amber-50 text-slate-950'
@@ -79,6 +80,8 @@
 		hover:prose-a:transition-all
 		prose-code:break-words
 		prose-pre:drop-shadow-md
+		mx-auto
+		w-5xl
 		bg-white
 		p-4 lg:p-8"
 >