diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss index c0fe043..4390466 100644 --- a/app/assets/stylesheets/welcome.scss +++ b/app/assets/stylesheets/welcome.scss @@ -12,12 +12,20 @@ nav { overflow: hidden; & a { - padding: .5rem 3rem; background-color: #eee; + text-align: center; + padding: 1rem; + @media(min-width: 640px) { + padding: .5rem 3rem; + } &:hover { background-color: #edd; } + + &.active { + background-color: #edd; + } } } \ No newline at end of file diff --git a/app/views/welcome/_nav.html.erb b/app/views/welcome/_nav.html.erb index 0f727ed..60abcb3 100644 --- a/app/views/welcome/_nav.html.erb +++ b/app/views/welcome/_nav.html.erb @@ -1,4 +1,4 @@