From 4c25db4039f148caee484d11e2094f7485e03748 Mon Sep 17 00:00:00 2001
From: Tommy Parnell <tommy@terribledev.io>
Date: Sun, 17 Feb 2019 09:10:38 -0500
Subject: [PATCH] prevent navbar reflow on load

---
 src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml | 2 +-
 src/TerribleDev.Blog.Web/wwwroot/css/site.css    | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
index 0e4d320..f5a88b9 100644
--- a/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
+++ b/src/TerribleDev.Blog.Web/Views/Shared/Nav.cshtml
@@ -2,7 +2,7 @@
     var hideNav = ViewData["HideNav"] != null ? "" : "withBody";
 }
 <nav class="navBar hide @hideNav" id="navBar">
-    <picture>
+    <picture class="navHero">
         <source srcset="" type="image/webp" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg.webp" class="lazy round" />
         <img src="" alt="An image of TerribleDev" data-src="/content/tommyAvatar4.jpg" class="lazy round" />
     </picture>
diff --git a/src/TerribleDev.Blog.Web/wwwroot/css/site.css b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
index 96fd63f..2c4d4a2 100644
--- a/src/TerribleDev.Blog.Web/wwwroot/css/site.css
+++ b/src/TerribleDev.Blog.Web/wwwroot/css/site.css
@@ -217,6 +217,10 @@ a.link-unstyled, div.link-unstyled, span.link-unstyled, svg.link-unstyled {
     font-weight: inherit;
 }
 
+.navHero {
+    min-height: 210px;
+}
+
 @media screen and (max-width: 768px) {
     html {
         font-size: 14px;