adds mobile media query

NUEXGUY · Feb 15, 2024 · 27922c1 · 27922c1
1 parent 193072d
commit 27922c1
Showing 1 changed file with 47 additions and 0 deletions.
diff --git a/public/style.css b/public/style.css
@@ -361,3 +361,50 @@ button:hover {
   opacity: .7;
 }
 
+@media (max-width: 768px) {
+
+  #contactButton {
+    display: none;
+  }
+
+  .headerContent {
+    width: 95vw;
+    text-align: center;
+    margin-bottom: 20px;
+  }
+
+  h2 {
+    font-size: 1.5em;
+  }
+
+  #contentLeft {
+    display: none;
+  }
+
+  .chatItemBot, .chatItemUser {
+    font-size: .9em;
+  }
+
+  #inputBar {
+    max-width: 65vw;
+  }
+
+  #chatInput {
+    max-width: 40vw;
+    font-size: .8em;
+  }
+
+  #chatSendButton {
+    width: 8vw;
+    height: 4vh;
+    font-size: 1.25em;
+  }
+
+  #disclaimer {
+    font-size: .75em;
+  }
+
+  #modal {
+    display: none;
+  }
+}