diff --git a/src/lib/components/blog/PostPreview.svelte b/src/lib/components/blog/PostPreview.svelte
index c67706f..6d162c8 100644
--- a/src/lib/components/blog/PostPreview.svelte
+++ b/src/lib/components/blog/PostPreview.svelte
@@ -48,13 +48,13 @@
 <a
 	{href}
 	{target}
-	data-sveltekit-preload-data="hover"
 	class="card bg-gradient-to-br variant-glass-primary card-hover overflow-hidden flex flex-col space-y-4"
 >
-	<div class="flex flex-col justify-between auto-rows-auto w-full h-full text-token">
+	<!-- Blog in long cols, projects in wide rows -->
+	<div class="flex {type === 'blog' ? 'flex-col' : 'flex-row'} justify-between w-full h-full">
 		<header>
 			<img
-				src="/images/blog/{post.slug}/{post.image}"
+				src={`/images/${type}/${post.slug}/${post.image}`}
 				class="bg-black/200 w-full aspect-[3/2]"
 				alt="Post preview"
 			/>
@@ -99,6 +99,3 @@
 		</section>
 	</div>
 </a>
-
-<style lang="postcss">
-</style>
diff --git a/src/routes/blog/+page.server.ts b/src/routes/blog/+page.server.ts
index 23ac302..8fca76d 100644
--- a/src/routes/blog/+page.server.ts
+++ b/src/routes/blog/+page.server.ts
@@ -1,7 +1,7 @@
-import { listBlogPosts } from '$content/blog';
+import { listPosts } from '$content/blog';
 
 export const load = async () => {
 	return {
-		posts: listBlogPosts(),
+		posts: listPosts()
 	};
 };