diff --git a/blog/style.css b/blog/style.css
index f17182b..d8b38d1 100644
--- a/blog/style.css
+++ b/blog/style.css
@@ -229,12 +229,16 @@ a:focus-visible {
 }
 
 .blog-post {
-  margin: 40px 0;
+  margin: 40px auto;
   padding: 20px;
   border: 1px solid rgba(155, 169, 180, 0.2);
   border-radius: 4px;
   background: linear-gradient(135deg, rgba(13, 10, 20, 0.4), rgba(50, 30, 80, 0.2));
   scroll-margin-top: 100px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  max-width: 700px;
 }
 
 .blog-post-title {
@@ -256,9 +260,9 @@ a:focus-visible {
   color: #9d9aa4;
   font-size: 0.95rem;
   line-height: 1.6;
-  margin: 20px auto;
+  margin: 20px 0;
   text-align: center;
-  max-width: 600px;
+  width: 100%;
 }
 
 .blog-post-content p {