Fix tags display on mobile viewports

static/assets/css/style.css

@@ -244,7 +244,11 @@ main {
   text-decoration-thickness: 0.1px;
 }
 
-.post-date {
+div.post-date, div.content-date {
+    display: inline;
+}
+
+div.post-date {
     display: inline;
 }
 
@@ -440,6 +444,16 @@ footer {
       margin-left: 30px;
   }
 
+  div.content-tags {
+      display: inline-block;
+      margin-left: 30px;
+  }
+
+  div.content-date {
+      display: inline-block;
+      margin-bottom: 10px;
+  }
+
 }
 
 /* tablet */

templates/content.html

@@ -7,9 +7,11 @@
         <article class="blog-post">
           <h1 id="post-title">{{ page.title }}</h1>
           <div class="content-metadata">
-              <time class="post-date">
-                  {{- page.date | date(format="%Y-%m-%d %H:%M:%S") -}}
-              </time>
+              <div class="content-date">
+                  <time class="post-date">
+                      {{- page.date | date(format="%Y-%m-%d %H:%M:%S") -}}
+                  </time>
+              </div>
               {%- for taxonomy, terms in page.taxonomies -%}
               {%- if taxonomy == "tags" -%}
               <div class="content-tags"><span>tags:</span><ul>