diff --git a/src/routes/blog/+page.svelte b/src/routes/blog/+page.svelte
index 8156cdd..1fda149 100644
--- a/src/routes/blog/+page.svelte
+++ b/src/routes/blog/+page.svelte
@@ -46,13 +46,13 @@
 		>
 			{monthYear}
 		</h1>
-		<div class="flex flex-col flex-wrap items-stretch gap-4 md:flex-row md:justify-center">
+		<div class="flex flex-col flex-wrap items-stretch gap-4">
 			{#each postsInMonthYear as post, i}
 				<a
 					href="/blog/{post.slug}"
-					class="flex flex-row justify-stretch overflow-hidden rounded-lg bg-slate-100 text-slate-950 drop-shadow-xl transition-all hover:drop-shadow-2xl md:flex-col md:justify-baseline"
+					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"
 				>
-					<div class="relative h-auto w-full basis-1/3 md:h-48 md:basis-auto">
+					<div class="relative h-32 w-full basis-auto sm:h-auto sm:basis-1/3">
 						{#if post.thumbnail}
 							<img
 								class="absolute h-full w-full object-cover"