Add Responsive Dimensions

2022-10-10 21:18:46 +01:00 · 2022-10-10 21:18:46 +01:00 · aa2fbd43e6
commit aa2fbd43e6
parent b683ea67c4
1 changed files with 13 additions and 0 deletions
--- a/css/styles.css
+++ b/css/styles.css
@ -108,4 +108,17 @@ footer {

 .open:hover {
  background-color: #444;
+}
+
+/* Display menu bar on arger screens */
+@media screen and (min-width: 600px) {
+  /*Hide sidebar button*/
+  .inflate {display: none;}
+
+  /*Change Menu Dimensions*/
+  .sidebar {
+    width: 100%;
+    height: 10px;
+  }
+
 }