From 099925cd31e514eda31cb29b9940d03e79b142ae Mon Sep 17 00:00:00 2001
From: diekus <73939538+diekus@users.noreply.github.com>
Date: Mon, 18 Mar 2024 12:42:19 +0000
Subject: [PATCH] Update base.css

optimizes home for mobile
---
 style/base.css | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/style/base.css b/style/base.css
index 478818e..db0ed75 100644
--- a/style/base.css
+++ b/style/base.css
@@ -157,4 +157,27 @@ article:hover {
     clear: left;
     float:right;
     align-self: flex-end;
-}
\ No newline at end of file
+}
+
+@media (max-width: 700px) {
+    header {
+        display: flex;
+        flex-direction: column-reverse;
+        justify-content: space-between;
+        align-items: center;
+        grid-column: 1 / -1;
+        grid-row: 1 / 2;
+    }
+
+    .socials {
+        flex-wrap: wrap;
+    }
+
+    .social_icon {
+        margin: 10px 20px;
+    }
+
+    body {
+        grid-template: 1fr auto 1fr 1fr / 1fr 1fr 1fr;
+    }
+  }
\ No newline at end of file