From f6e5d411f371ee054b7f58fa1a33e665c3ce84b4 Mon Sep 17 00:00:00 2001
From: Devon Hazelett <dhazelett@users.noreply.github.com>
Date: Tue, 6 Feb 2024 16:53:50 -0800
Subject: [PATCH] inverted query

---
 index.css | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/index.css b/index.css
index 57d41ab..14bfe3b 100644
--- a/index.css
+++ b/index.css
@@ -41,9 +41,10 @@ a:hover {
 }
 
 .wrapper {
+  width: calc(100vw - 48px);
+  flex-direction: column;
   display: flex;
   margin: 0 auto;
-  width: 640px;
 
   border: 1px solid #333;
   border-radius: 12px;
@@ -51,7 +52,9 @@ a:hover {
 }
 
 .logo {
-  border-right: 1px solid #333;
+  align-self: auto;
+  border-bottom: 1px solid #333;
+  border-right: none;
   padding: 1em;
   display: flex;
   justify-content: center;
@@ -75,7 +78,7 @@ nav > div {
   padding: 16px 0 16px 16px;
 
   align-self: stretch;
-  text-align: left;
+  text-align: center;
 }
 
 nav > div:not(:last-child){
@@ -83,18 +86,17 @@ nav > div:not(:last-child){
 }
 
 @media (min-width: 640px) {
-  main {
-    width: calc(100vw - 48px);
-    flex-direction: column;
+  .wrapper {
+    width: 640px;
+    flex-direction: row;
   }
 
   .logo {
-    align-self: auto;
-    border-right: none;
-    border-bottom: 1px solid #333;
+    border-right: 1px solid #333;
+    border-bottom: none;
   }
 
   nav > div {
-    text-align: center;
+    text-align: left;
   }
 }