Merge pull request #1 from kjannette/rise

Rise

src/Components/Navigation/Navpanel.js

@@ -27,7 +27,7 @@ export default function Navpanel(props) {
         <div className="mobileHeadingLinkWrap">
           <div className="mobile-info-box">
             <div className="contact-detail-one">
-              <Link className="contactLink" href="/login">
+              <Link className="contact-link" href="/login">
                 Login
               </Link>
             </div>
@@ -41,6 +41,11 @@ export default function Navpanel(props) {
                 Signup
               </a>
             </div>
+            <div className="contact-detail-one">
+              <Link className="contact-link" href="/login">
+                Blog
+              </Link>
+            </div>
           </div>
         </div>
       </div>

src/styles/contact.scss

@@ -38,9 +38,9 @@
   border: 1px solid #2196f3;
 }
 
-.contactLink {
+.contact-link {
   font-size: 1rem;
-  letter-spacing: -0.07rem;
+  letter-spacing: 0.2rem;
   color: #fff;
   text-decoration: none;
   padding-right: 5px;
@@ -92,7 +92,7 @@
 .contact-detail-one {
   display: flex;
   flex-direction: row-reverse;
-  height: 50px;
+  height: 38px;
   margin: 12px 0px;
   background-color: rgb(56, 56, 233);
 }
@@ -100,7 +100,7 @@
 .contact-detail-two {
   display: flex;
   flex-direction: row-reverse;
-  height: 50px;
+  height: 38px;
   margin: 12px 0px;
   background-color: hsl(17, 100%, 61%);
   letter-spacing: 0.2rem;
@@ -109,7 +109,7 @@
 .contact-detail-three {
   display: flex;
   flex-direction: row-reverse;
-  height: 50px;
+  height: 40px;
   margin: 12px 0px;
   background-color: rgb(93, 206, 255);
   letter-spacing: 0.5rem;

src/styles/navpanel.scss

@@ -30,7 +30,7 @@
 
 .mobile-heading-wrapper {
   position: fixed;
-  top: 70px;
+  top: 55px;
   right: 0px;
   background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
   width: 0px;
@@ -68,7 +68,7 @@
 }
 
 .mobile-info-box {
-  height: 680px;
+  height: 440px;
   background: linear-gradient(to left, rgba(245, 246, 252, 0.52), cyan);
 }