From 9023e32c4752308ee36e6e66a1f3332f25f24858 Mon Sep 17 00:00:00 2001 From: Sam Lu Date: Wed, 25 Jul 2018 23:45:02 -0500 Subject: [PATCH] Make jumbotron responsive. Fix navbar responsive spacing. --- src/styles/_jumbotron.sass | 8 ++++++-- src/styles/_navbar.sass | 4 +++- 2 files changed, 9 insertions(+), 3 deletions(-) diff --git a/src/styles/_jumbotron.sass b/src/styles/_jumbotron.sass index 688f770..788986c 100644 --- a/src/styles/_jumbotron.sass +++ b/src/styles/_jumbotron.sass @@ -1,11 +1,15 @@ .jumbotron - width: 100% - height: 600px background-color: #fff background-repeat: no-repeat background-position: left top background-size: cover + height: 360px + width: 100% margin-bottom: 0px + +media-breakpoint-up(md) + height: 500px + +media-breakpoint-up(xl) + height: 600px .container max-width: 1160px display: flex diff --git a/src/styles/_navbar.sass b/src/styles/_navbar.sass index e9be472..8d02491 100644 --- a/src/styles/_navbar.sass +++ b/src/styles/_navbar.sass @@ -2,9 +2,11 @@ background: #fff height: auto min-height: 48px + padding: .1rem 1rem +media-breakpoint-up(md) - height: 56px box-shadow: 0 2px 2px -2px rgba(0,0,0,.15) + height: 56px + padding: .5rem 1rem &.sticky-top +media-breakpoint-down(sm) position: static