Center home page icons vertically

mattsherman · Dec 3, 2024 · 43c69fa · 43c69fa
1 parent 9516586
commit 43c69fa
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -72,6 +72,9 @@ body > footer {
 /* Specific styles */
 
 .home-page {
+  display: flex;
+  flex-direction: column;
+
   color: var(--base-background-color);
   background-color: var(--header-color);
 
@@ -84,11 +87,12 @@ body > footer {
   }
 
   main {
+    flex: 1;
+    align-items: center;
+
     display: grid;
     grid-template-columns: 1fr 1fr;
 
-    margin-top: 5rem;
-
     header {
       grid-column: 1;
 
@@ -104,6 +108,8 @@ body > footer {
     @media (max-width: 800px) {
       grid-template-columns: 1fr;
 
+      margin-top: 5rem;
+
       header {
         grid-column: 1;
 
@@ -113,6 +119,11 @@ body > footer {
       > * {
         grid-column: 1;
       }
+    }
+  }
+
+  footer {
+    margin-bottom: 1rem;
   }
 }