From 43c69fa465df87d5415d392b0ec66b19c35b4b77 Mon Sep 17 00:00:00 2001
From: Matt Sherman <matt@jam123.com>
Date: Tue, 3 Dec 2024 09:15:33 -0500
Subject: [PATCH] Center home page icons vertically

---
 src/styles.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 466aef1..8a3e524 100644
--- 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;
   }
 }