diff --git a/src/_includes/post.liquid b/src/_includes/post.liquid
index 5423f74f..69d8749d 100644
--- a/src/_includes/post.liquid
+++ b/src/_includes/post.liquid
@@ -5,9 +5,9 @@ layout: main
 {% include "header.liquid" %}
 
 <h2 class="text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{title}}</h2>
-<div class="h-14 flex items-center text-sm">
+<div class="h-14 flex flex-col md:flex-row items-center text-sm">
     <span>{{ date | date: "%m.%d.%Y" }}</span>
-    <span class="mx-1">•</span>
+    <span class="mx-1 hidden md:inline">•</span>
     <span class="inline-flex flex-row">
         {% for tag in tags %} {% if tag != "posts" %}
         <a href="/tags/{{ tag }}" class="font-normal no-underline">
diff --git a/src/index.html b/src/index.html
index f19fd6bf..513e0427 100644
--- a/src/index.html
+++ b/src/index.html
@@ -18,9 +18,9 @@ templateEngineOverride: liquid,md
             {{ post.data.title }}
         </h2>
     </a>
-    <div class="flex h-14 items-center text-sm">
+    <div class="flex flex:col md:flex-row h-14 items-center text-sm">
         <span>{{ post.date | date: "%m.%d.%Y" }}</span>
-        <span class="mx-1">•</span>
+        <span class="mx-1 hidden md:inline">•</span>
         <span class="inline-flex flex-row">
             {% for tag in post.data.tags %} {% if tag != "posts" %}
             <a href="/tags/{{ tag }}" class="font-normal no-underline">