From 4b325bbfd7a617a6457041695ad67e33a36efc59 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Tue, 28 Jan 2025 09:12:27 -0500
Subject: [PATCH] initial work on mobile layout adjust sizing of elements
 change display from grid to flex hide nav, footer, and header

---
 style/style.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/style/style.css b/style/style.css
index d0d8453..434f155 100644
--- a/style/style.css
+++ b/style/style.css
@@ -189,6 +189,24 @@ nav {
 	}
 }
 
+ @media only screen and (max-width: 600px) {
+	header {
+		display: none;
+	}
+	footer {
+		display: none;
+	}
+	nav {
+		display: none;
+	}
+	body {
+		display: flex;
+	}
+	main {
+		height: 90vh;
+		width: 100vw;
+	}
+}
 section {
 	width: 55vw;
 }