fix: correct tag display

src/assets/css/index.scss

@@ -269,22 +269,26 @@ figure figcaption {
 .post-metadata {
   display: flex;
   gap: .5em;
-  list-style: none;
-  padding: 0;
-  margin: 0;
+  font-size: 0.8125rem; /* 13px /16 */
+  color: var(--text-color-sub);
 }
 
 .post-list .post-metadata {
   flex-direction: column;
 }
 
+.post-metadata ul {
+  display: flex;
+  gap: .5em;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
 h1 + .post-metadata {
   margin: 0 0 4rem;
 }
-.post-list time {
-  font-size: 0.8125rem; /* 13px /16 */
-  color: var(--text-color-sub);
-}
+
 .post-metadata .post-metadata__header {
   flex-grow: 1;
   font-size: 0.8125rem; /* 13px /16 */
@@ -424,6 +428,13 @@ pre[class*="language-diff-"] {
     padding-left: 0;
     padding-top: 5rem;
   }
+  h1 + .post-metadata {
+    flex-direction: column;
+  }
+
+  h1 + .post-metadata ul {
+    flex-wrap: wrap;
+  }
   .main-footer {
     flex-direction: column-reverse;
     height: auto;