M hugo-site/static/css/blog.css → hugo-site/static/css/blog.css

@@ -59,10 +59,7 @@ }
 
 .posts{
     list-style: none;
-    margin-top: 10px;
-    font-size: 18px;
-    line-height: 35px;
-    min-width: 500px;
+    margin-top: 1.5rem;
 }
 
 .posts > div:nth-child(odd){
@@ -72,11 +69,20 @@ 
 .post-item{
     display: flex;
     justify-content: space-between;
+    padding: 0.8rem 0.5rem;
+}
+
+.post-item > a {
+    line-height: 1.4;
+    max-width: 70%;
+    margin-right: 1rem;
 }
 
 .post-item > .post-date{
-    padding: 0 1rem;
     font-size: 1rem;
+    line-height: 1.4;
+    min-width: 30%;
+    text-align: right;
 }
 
 .post-text{