From 0e497b4e1a43cc330cbd0853068ea3fb65be11a7 Mon Sep 17 00:00:00 2001
From: Evavic44 <evavic44@gmail.com>
Date: Fri, 10 Sep 2021 10:44:35 +0100
Subject: [PATCH] Make navbar responsive

---
 sticky-navigation/style.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/sticky-navigation/style.css b/sticky-navigation/style.css
index 47084c0..9a3915d 100644
--- a/sticky-navigation/style.css
+++ b/sticky-navigation/style.css
@@ -118,4 +118,19 @@ body {
   color: #555;
   line-height: 30px;
   letter-spacing: 1.2px;
-}
\ No newline at end of file
+}
+
+/* Responsive */
+@media(max-width: 600px) {
+   .nav .container {
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      padding: 1rem;
+   }
+
+   .nav .container h1 {
+      padding: 0.5rem 1rem 1rem;
+   }
+}