fix(Mobile-View): 🐛 Header Style fix

manage burger menu on small screens

src/components/Header.css

@@ -106,8 +106,38 @@
   width: auto;
 }
 
+.bm-burger-button {
+  position: fixed;
+  width: 36px;
+  height: 30px;
+  right: 20px;
+  top: 20px;
+  z-index: 2001;
+}
+
+.bm-burger-bars {
+  background: #f3f3f5;
+}
+
+.bm-burger-bars-hover {
+  background: #ddd;
+}
+
+.bm-menu {
+  background: #333;
+  padding-top: 5rem;
+  padding-left: 1.5em;
+  border-radius: 10px;
+}
+
 @media (max-width: 768px) {
   .header-nav {
     display: none;
   }
 }
+
+@media (min-width: 769px) {
+  .bm-burger-button {
+    display: none;
+  }
+}