diff --git a/src/_includes/author.liquid b/src/_includes/author.liquid
index 7f336eb3..2356bd2c 100644
--- a/src/_includes/author.liquid
+++ b/src/_includes/author.liquid
@@ -1,5 +1,5 @@
-<div class="mt-12 py-8 border-t-2 flex justify-between items-center">
-  <div class="flex items-center flex-1">
+<div class="mt-12 py-8 border-t-2 flex flex-col md:flex-row justify-between items-center">
+  <div class="flex flex-col mb-4 md:mb-0 md:flex-row items-center flex-1">
     <div class="h-20 w-20">
         <img class="inline-block h-20 w-20 mr-2" src="/assets/img/avatar.webp" alt={{ site.name }} loading="lazy" />
     </div>