Fix content centering in main element

thetillhoff · thetillhoff · commit c32da5ec8ce6 · 2025-12-17T18:41:29.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## v1.2.1
+
+- Fix content centering in main element
+
 ## v1.2.0
 
 - Refactor (mobile and desktop) navigation for accessibility improvements
diff --git a/src/partials/div.partial.css b/src/partials/div.partial.css
@@ -3,6 +3,8 @@
   max-width: 1150px;
   padding-left: 2rem;
   padding-right: 2rem;
+  margin-left: auto;
+  margin-right: auto;
 }
 body > div.textContainer > h1 {
   margin-top: 4rem;
diff --git a/src/partials/page.partial.css b/src/partials/page.partial.css
@@ -27,6 +27,9 @@ body {
 
 main {
   width: 100%;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 p {
@@ -35,6 +38,7 @@ p {
 
 .centeredContent {
   margin-top: auto;
+  margin-bottom: auto;
 }
 
 a {
