home: finished website articles logic

static/style.css

@@ -225,7 +225,7 @@ body {
   overflow: auto;
   font-family: "DotGothic16",
     sans-serif;
-  font-size: 16px;
+  font-size: 1rem;
 
   main {
     padding-top: 8rem;
@@ -471,24 +471,36 @@ home-content {
         website-news {
           display: flex;
           flex-direction: column;
+          justify-content: center;
           gap: 0.6rem;
+
+          &>img {
+            margin: auto;
+          }
         }
 
         article-entry {
+          padding-top: 0.5rem;
           display: flex;
           flex-direction: column;
           gap: 0.2rem;
-          padding-bottom: 0.4rem;
-          border-bottom: 1px dashed #0002;
-        }
 
-        article-entry time {
-          color: var(--darkerer-pink);
-          font-weight: bold;
-        }
+          time {
+            color: var(--darkerer-pink);
+            font-weight: bold;
+          }
 
-        article-body {
-          line-height: 1.3;
+          article-body {
+            padding-bottom: 1rem;
+          }
+
+          img {
+            margin: auto;
+          }
+
+          article-body {
+            line-height: 1.3;
+          }
         }
 
         ominous-message {
@@ -762,6 +774,7 @@ mini-player {
     }
   }
 
+  /* Navbar */
   navbar {
     font-size: 1.125rem;
 
@@ -821,6 +834,8 @@ mini-player {
     }
   }
 
+  /* Miniplayer */
+
   mini-player {
     display: none;
     width: 95svw;
@@ -842,4 +857,14 @@ mini-player {
   .progress-input {
     width: 85%;
   }
+
+  /* Home */
+
+  home-content boxes {
+    flex-direction: column;
+
+    box {
+      width: 90%;
+    }
+  }
 }