inverted query

Armchair-Heavy-Industries · Feb 7, 2024 · f6e5d41 · f6e5d41
1 parent 87de15f
commit f6e5d41
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/index.css b/index.css
@@ -41,17 +41,20 @@ a:hover {
 }
 
 .wrapper {
+  width: calc(100vw - 48px);
+  flex-direction: column;
   display: flex;
   margin: 0 auto;
-  width: 640px;
 
   border: 1px solid #333;
   border-radius: 12px;
   text-align: center;
 }
 
 .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,26 +78,25 @@ nav > div {
   padding: 16px 0 16px 16px;
 
   align-self: stretch;
-  text-align: left;
+  text-align: center;
 }
 
 nav > div:not(:last-child){
   border-bottom: solid 1px #333;
 }
 
 @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;
   }
 }