diff --git a/src/components/PostPreview.astro b/src/components/PostPreview.astro
index ce02c50..28658c2 100644
--- a/src/components/PostPreview.astro
+++ b/src/components/PostPreview.astro
@@ -18,9 +18,9 @@ const { post } = Astro.props;
 const author = await getEntry(post.data.author);
 ---
 
-<div class:list={["p-1", "min-h-[150px]", "max-h-[150px]"]}>
-  <div class:list={["flex", "flex-row", "justify-between"]}>
-    <h2 class:list={["text-3xl", "font-extrabold", "text-[--highlight-color]"]}>
+<div class:list={["p-1", "min-h-[150px]", "min-h-[150px]"]}>
+  <div class:list={["flex", "flex-col", "md:flex-row", "justify-between"]}>
+    <h2 class:list={["flex", "text-3xl", "font-extrabold", "text-[--highlight-color]"]}>
       <a class:list={["hover:underline"]} href={postPath(post)}
         >{post.data.title}</a
       >
@@ -32,10 +32,10 @@ const author = await getEntry(post.data.author);
         "text-[color-mix(in_srgb,var(--highlight-color),var(--text-color)_50%)]",
       ]}
     >
-      <span class:list={["text-right"]}>
+      <span class:list={["md:text-right"]}>
         <Date datetime={post.data.date.toISOString()} />
       </span>
-      <span class:list={["text-right", "text-nowrap"]}>
+      <span class:list={["md:text-right", "text-nowrap"]}>
         <a href={authorPath(author)}>
           {author.data.first_name}
           {author.data.last_name}