gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix navbar (#164)

Browse Source 
* made freecodecamp logo visible in mobile device

* removed empty lines of code
This commit is contained in:
Jesus Alvarez
2018-06-15 12:12:23 +02:00
committed by Mrugesh Mohapatra
parent 6cdfa41174
commit 08bb4e7fb2
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/learn/src/components/Header/header.css
View File

@ -30,13 +30,16 @@ header {
#top-nav img { #top-nav img {
max-height: 25px; max-height: 25px;
min-width: 35px;
margin: 0 5px 0 10px; margin: 0 5px 0 10px;
} }
#top-right-nav { #top-right-nav {
display: flex; display: flex;
width: 270px;
margin: 0; margin: 0;
list-style: none; list-style: none;
justify-content: space-around;
} }
#top-right-nav a, #top-right-nav img { #top-right-nav a, #top-right-nav img {
@ -55,8 +58,11 @@ header {
#top-right-nav li { #top-right-nav li {
display: flex; display: flex;
flex-direction: column;
justify-content: center;
align-items: center; align-items: center;
margin: 0px 10px; height: 100%;
margin: 0 3px;
} }
#top-right-nav li > a, #top-right-nav li > span { #top-right-nav li > a, #top-right-nav li > span {