diff --git a/src/lib/components/post_card.svelte b/src/lib/components/post_card.svelte
index 28b44c9e..5afe52a2 100644
--- a/src/lib/components/post_card.svelte
+++ b/src/lib/components/post_card.svelte
@@ -72,9 +72,11 @@
{#if post.image && !preview}
+ class={`md:order-last rounded-box shadow-xl mb-4 ${
+ post.type === 'article' ? 'flex-col gap-2 -mx-4 -mt-8 md:mt-0' : 'flex-col -mx-8'
+ }`}>
+ class="card-title text-3xl mr-auto bg-[length:100%_0%] bg-[position:0_88%] underline decoration-4 decoration-transparent group-hover:decoration-primary hover:bg-[length:100%_100%] hover:text-primary-content bg-gradient-to-t from-primary to-primary bg-no-repeat transition-all ease-in-out duration-300">
{post.title ?? post.path.slice(1)}
{:else}
@@ -125,4 +127,4 @@
{/if}
{/if}
-
+
\ No newline at end of file