diff --git a/src/_includes/post.njk b/src/_includes/post.njk
index a31a4d1..536889f 100644
--- a/src/_includes/post.njk
+++ b/src/_includes/post.njk
@@ -11,12 +11,16 @@ layout: "layout.njk"
     </div>
     {% endif %}
     <h1>{{ title }}</h1>
-    <div class="post-meta flex items-center text-gray-400">
-        <i class="fas fa-calendar-alt mr-2"></i>
-        <p>Published on {{ date | readableDate }}</p>
-        <span class="mx-2 text-gray-600">|</span>
-        <i class="fas fa-eye mr-2"></i>
-        <span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
+    <div class="post-meta flex flex-col md:flex-row md:items-center text-gray-400">
+        <div class="flex items-center mb-1 md:mb-0">
+            <i class="fas fa-calendar-alt mr-2"></i>
+            <p>Published on {{ date | readableDate }}</p>
+        </div>
+        <span class="hidden md:inline mx-2 text-gray-600">|</span>
+        <div class="flex items-center">
+            <i class="fas fa-eye mr-2"></i>
+            <span class="view-count" data-view-count data-slug="{{ page.fileSlug }}">...</span>
+        </div>
     </div>
     <br/>
     {{ content | safe }}