From 9e6ba90c9db9c2d8dc5a10c89bf5fd29d69074e6 Mon Sep 17 00:00:00 2001
From: Alex Grintsvayg <grin@lbry.io>
Date: Fri, 20 May 2016 13:42:31 -0400
Subject: [PATCH] better cover image on mobile

---
 web/scss/_blog.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/web/scss/_blog.scss b/web/scss/_blog.scss
index 8bd1b903..077fd1bb 100644
--- a/web/scss/_blog.scss
+++ b/web/scss/_blog.scss
@@ -19,7 +19,7 @@
 .post-header
 {
   margin-bottom: $spacing-vertical * 2;
-  min-height: 500px;
+  min-height: 100vh;
 
   @include background-size (cover);
   background-repeat: no-repeat;
@@ -45,6 +45,12 @@
   }
 }
 
+@media (min-height: 500px) {
+  .post-header {
+    min-height: 500px;
+  }
+}
+
 
 .post-content
 {
@@ -64,4 +70,4 @@
 .post-author-spotlight
 {
   h3 { text-transform: uppercase; margin-top: $spacing-vertical / 4 !important; }
-}
\ No newline at end of file
+}