From 08bb4e7fb26e593e11af1cd9f099b12cac2f90cd Mon Sep 17 00:00:00 2001
From: Jesus Alvarez <jsgilberto@users.noreply.github.com>
Date: Fri, 15 Jun 2018 12:12:23 +0200
Subject: [PATCH] Fix navbar (#164)

* made freecodecamp logo visible in mobile device

* removed empty lines of code
---
 packages/learn/src/components/Header/header.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/learn/src/components/Header/header.css b/packages/learn/src/components/Header/header.css
index 05dc6cfe4f..79e1b4974a 100644
--- a/packages/learn/src/components/Header/header.css
+++ b/packages/learn/src/components/Header/header.css
@@ -30,13 +30,16 @@ header {
 
 #top-nav img {
   max-height: 25px;
+  min-width: 35px;
   margin: 0 5px 0 10px;
 }
 
 #top-right-nav {
   display: flex;
+  width: 270px;
   margin: 0;
   list-style: none;
+  justify-content: space-around;
 }
 
 #top-right-nav a, #top-right-nav img {
@@ -55,8 +58,11 @@ header {
 
 #top-right-nav li {
   display: flex;
+  flex-direction: column;
+  justify-content: center;
   align-items: center;
-  margin: 0px 10px;
+  height: 100%;
+  margin: 0 3px;
 }
 
 #top-right-nav li > a, #top-right-nav li > span {