From fbb552335a7b039540700a935e23a66e9c28e657 Mon Sep 17 00:00:00 2001
From: Nayab W <42422512+nayabw@users.noreply.github.com>
Date: Sat, 3 Nov 2018 16:00:17 -0500
Subject: Responsive Design

---
 style.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/style.css b/style.css
index 8f3058d..a551f26 100644
--- a/style.css
+++ b/style.css
@@ -92,3 +92,31 @@ li a:hover {
     padding: 0;
 
 }
+
+.navigation .icon {
+    display: none;
+}
+
+ 
+ @media screen and (max-width: 600px) {
+    .navigation a:not(:first-child) {display: none;}
+    .navigation a.icon {
+      float: right;
+      display: block;
+    }
+  }
+  
+  
+  @media screen and (max-width: 600px) {
+    .navigation.responsive {position: relative;}
+    .navigation.responsive a.icon {
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+    .navigation.responsive a {
+      float: none;
+      display: block;
+      text-align: left;
+    }
+  } 
\ No newline at end of file
-- 
cgit v1.2.3