Make jumbotron responsive. Fix navbar responsive spacing.

2018-07-25 23:45:02 -05:00
parent c34d2c3a41
commit 9023e32c47
2 changed files with 9 additions and 3 deletions
--- 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
--- 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