Vertically Center the Content

oinam · Dec 14, 2023 · 0f3beda · 0f3beda
1 parent cac2d75
commit 0f3beda
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -46,6 +46,11 @@
     font-size: 18px;
     line-height: 1.6;
     color: var(--color-zinc-700);
+
+    /* vertical center */
+    display: grid;
+    min-height: 100vh;
+    place-content: center;
   }
 
   ul,
@@ -87,14 +92,17 @@
     padding: 1rem 2rem;
     font-family: var(--font-family-sans-serif);
   }
+
+  .wrapper {
+
+  }
 </style>
 
 </head>
 
 <body>
 
   <h1>Phone. WTF!</h1>
-
   <main>
     <h2>I chose a “Distraction-Free Phone” life.</h2>
     <ol>
@@ -134,7 +142,6 @@ <h3>Phone Makers</h3>
       <li>Notifications, alerts, etc. should have sound disabled by default except for emergencies and government mandated global alerts.</li>
     </ol>
   </section>
-
    -->
 
   <footer>