Merge pull request #17 from favour-chibueze/master

updated header componet style for mobile view

Author: princiya

src/components/Header/Header.css

@@ -117,12 +117,16 @@
 
 @media (max-width: 875px) {
     /*Mobile View */
-
+    .headerWrap {
+    background-color: rgba(240, 257, 233, 0.49);
+    }
+    
     .navOptions {
       display: flex;
       flex-direction: column;
+      background: rgba(240, 247, 255, 0.9);
       width: 100%;
-      height: 350px;
+      height: 100%;
       position: absolute;
       top: 60px;
       left: -100%;
@@ -131,7 +135,7 @@
     }
 
     .navOptions.active {
-      background: #fff;
+      border-bottom: 2px solid rgb(0, 122, 124);
       transition: all 0.5s ease;
       padding-left: 0px;
       margin: 0;
@@ -146,6 +150,7 @@
       justify-content: center;
       height: 10vw;
       padding: 30px 0px;
+      margin: 30px 10px;
     }
 
     .optionDisplay {