centered by height

volvetcode · volvetcode · commit a633a2b24358 · 2024-10-07T23:15:22.000+03:00
diff --git a/index.html b/index.html
@@ -7,16 +7,18 @@
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-    <header>
-        <h1>Hi, I'm Savely!</h1>
-    </header>
-    <footer>
-        <a href="https://github.com/volvetcode">github</a>
-        <!-- -->
-        •
-        <!-- -->
-        <a href="https://t.me/iamvolvet">telegram</a>
-        <p>@ 2024 volvet.tech</p>
+    <div class="container">
+        <header>
+            <h1>Hi, I'm Savely!</h1>
+        </header>
+        <footer>
+            <a href="https://github.com/volvetcode">github</a>
+            <!-- -->
+            •
+            <!-- -->
+            <a href="https://t.me/iamvolvet">telegram</a>
+            <p>@ 2024 volvet.tech</p>
     </footer>
+    </div>
 </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -4,14 +4,21 @@
     padding: 0;
 }
 
+html {
+    height: 100%;
+}
+
 body {
     font-family: "Roboto Mono", monospace;
     color: #0a0a23;
     font-size: 18px;
     padding: 1em;
     line-height: 1.4;
     text-align: center;
-    margin-top: 15vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
 }
 
 h1 {
