all repos — website @ 7c478bff6563712362b141ad4ad00e0dfbf4211b

personal website hosted at prithu.xyz, built using hugo

refactor nav css; make mobile responsive
Prithu Goswami prithugoswami524@gmail.com
Sun, 10 May 2020 10:27:52 +0530
commit

7c478bff6563712362b141ad4ad00e0dfbf4211b

parent

74bf7ecfae4796d6bbcb79eed2bb17c66fada6bd

1 files changed, 24 insertions(+), 0 deletions(-)

jump to
M hugo-site/static/css/main.csshugo-site/static/css/main.css

@@ -28,6 +28,7 @@ nav {

height: 5rem; display: flex; align-items: center; + justify-content: space-between; } nav > *:first-child{

@@ -58,6 +59,29 @@ text-decoration: none;

text-transform: uppercase; font-weight: 700; color: black; +} + +@media only screen and (max-width: 767px){ + nav { + justify-content: center; + } + + nav > *:first-child { + margin-left: 0; + width: 80%; + } + + nav > *:not(:first-child) { + display: none; + } + + .nav-group { + justify-content: space-between; + } + + .nav-group > *:not(:first-child) { + margin-left: 0; + } } .sub-head{