From aeb2e68f34c821ca847cea3a15dd0e83d22e4061 Mon Sep 17 00:00:00 2001
From: Sasha Koshka <sashakoshka@tebibyte.media>
Date: Sun, 9 Oct 2022 14:40:18 -0400
Subject: [PATCH] Simplified media queries

---
 prototype/style.css | 39 +++++++++++++++++++--------------------
 1 file changed, 19 insertions(+), 20 deletions(-)

diff --git a/prototype/style.css b/prototype/style.css
index f795668..46b5b11 100644
--- a/prototype/style.css
+++ b/prototype/style.css
@@ -100,8 +100,11 @@ header .buttonList {
 	padding: 1rem;
 }
 
-/* smallest */
-@media screen and not (min-width: 67rem) {
+@media screen and not (min-width: 60rem) {
+	aside {
+		margin-bottom: 1rem;
+	}
+	
 	nav .buttonListWrap {
 		position: relative;
 	}
@@ -127,35 +130,31 @@ header .buttonList {
 			var(--background) 100%);
 	}
 
+	nav > .buttonListWrap:first-child {
+		text-align: center;
+	}
+
 	nav > .buttonListWrap:last-child {
 		margin-top: 1rem;
 	}
 }
 
-@media screen and (min-width: 67rem) {
-	nav {
-		display: grid;
-		grid-grid: 1rem;
-		grid-template-columns: auto auto;
-	}
-
-	nav > .buttonListWrap:last-child {
-		text-align: right;
-	}
-}
-
-@media screen and not (min-width: 60rem) {
-	aside {
-		margin-bottom: 1rem;
-	}
-}
-
 @media screen and (min-width: 60rem) {
 	#contentWrap {
 		display: grid;
 		grid-gap: 2rem;
 		grid-template-columns: 24rem auto;
 	}
+	
+	nav {
+		display: grid;
+		grid-grid: 1rem;
+		grid-template-columns: auto auto;
+	}
+
+	nav > .buttonListWrap:last-child {
+		text-align: right;
+	}
 }
 
 @media screen and not (min-width: 80rem) {