From aa2fbd43e66668ef31df81dad442ae69f2aebd9f Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Mon, 10 Oct 2022 21:18:46 +0100
Subject: [PATCH] Add Responsive Dimensions

---
 css/styles.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 5f20213..fb8aace 100644
--- 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;
+  }
+
 }
\ No newline at end of file