From 2466e7dc89baca01e5a53b6a2a5fa334e0025960 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Mon, 18 Aug 2025 14:05:37 +0200
Subject: [PATCH] fix: layouting for blog posts

For better readability
---
 app/assets/css/blog/article.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/assets/css/blog/article.css b/app/assets/css/blog/article.css
index 068ae00..7abf2e0 100644
--- a/app/assets/css/blog/article.css
+++ b/app/assets/css/blog/article.css
@@ -1,6 +1,7 @@
 .BlogArticle {
     display: flex;
     flex-direction: column;
+    align-items: center;
     gap: 2rem;
 
     & .meta {
@@ -12,6 +13,7 @@
     & .article-content {
         background: var(--color-black);
         border-radius: 1rem;
+        max-width: 1000px;
     }
 
     & .article-text {
@@ -23,21 +25,25 @@
     }
 
     h1 {
-        font-size: 2rem;
+        font-size: 3rem;
         display: flex;
         flex-direction: column;
 
         & small {
-            font-size: 1.2rem;
+            font-size: 1.5rem;
             font-style: italic;
         }
     }
 
     h2 {
-        font-size: 1.5rem;
+        font-size: 2rem;
         font-weight: lighter;
         margin-top: 2rem;
         margin-bottom: 1rem;
+        padding-top: 1rem;
+        padding-bottom: 1rem;
+        border-top: 1px solid var(--color-white-transparent);
+        border-bottom: 1px solid var(--color-white-transparent);
     }
 
     & .image {
@@ -56,7 +62,9 @@
         }
     }
 
+    & ul, & ol,
     & p {
-        margin-bottom: .5rem;
+      font-size: 1.2rem;
+      margin-bottom: .5rem;
     }
 }
\ No newline at end of file