homepage centering

moiSentineL · Aug 23, 2024 · 7d78526 · 7d78526
1 parent 92b474b
commit 7d78526
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/_layouts/homebase.njk b/src/_layouts/homebase.njk
@@ -34,6 +34,7 @@
     {{ content | safe }}
 
     {% include "gtag.njk" %}
+</body>
 <footer>
 
 </footer>

diff --git a/src/styles/home.scss b/src/styles/home.scss
@@ -3,28 +3,39 @@
 
 html {
     display: flex;
-    max-width: 75ch;
-    padding: 2em 1em;
     justify-content: center;
-    margin: auto;
     line-height: 1.6;
     font-size: 1.1em;
     font-family: Recursive, monospace;
     align-items: center;
 }
 
+body {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 75ch;
+    height: auto;
+    -webkit-transform: translate(-50%,-50%);
+    -moz-transform: translate(-50%,-50%);
+    -ms-transform: translate(-50%,-50%);
+    -o-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+}
+
 .header{
     display: flex;
     flex-direction: row;
     padding-bottom: 2ch;
 }
+
 .name{
     padding-bottom: 0rem;
     line-height: 0.5;
     font-size: 300%;
-    margin-top: 1rem;
     margin-bottom:0.6em;
 }
+
 .whothis{
     padding-bottom: 0rem;
     line-height: 0.5;