From ae75cd44f9cf046c7e8c25f03d21bebe07cc1dcd Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jeremy.dormitzer@gmail.com>
Date: Thu, 26 Jul 2018 23:30:08 -0400
Subject: [PATCH] Basic header layout

---
 header.php |  6 +-----
 style.css  | 23 +++++++++++++++++++++++
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/header.php b/header.php
index c731e8f..cd6377e 100644
--- a/header.php
+++ b/header.php
@@ -32,16 +32,12 @@
 				?>
 				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 				<?php
-			else :
-				?>
-				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
-				<?php
-			endif;
 			$jeremy_wordpress_theme_description = get_bloginfo( 'description', 'display' );
 			if ( $jeremy_wordpress_theme_description || is_customize_preview() ) :
 				?>
 				<p class="site-description"><?php echo $jeremy_wordpress_theme_description; /* WPCS: xss ok. */ ?></p>
 			<?php endif; ?>
+<?php endif; ?>
 		</div><!-- .site-branding -->
 
 		<nav id="site-navigation" class="main-navigation">
diff --git a/style.css b/style.css
index abef570..60c60aa 100644
--- a/style.css
+++ b/style.css
@@ -879,6 +879,28 @@ a:hover, a:active {
 /*--------------------------------------------------------------
 # Content
 --------------------------------------------------------------*/
+/*
+Site header
+*/
+.site-header {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-template-rows: 1fr;
+    grid-gap: 1rem;
+    margin-top: 1rem;
+}
+
+.site-branding {
+    grid-column: 2 / 6;
+}
+
+.main-navigation {
+    grid-column: 8 / 12;
+}
+
+/*
+Site content
+*/
 .site-content {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
@@ -895,6 +917,7 @@ a:hover, a:active {
     grid-column: 9 / 11;
     max-width: 100%;
 }
+
 /*--------------------------------------------------------------
 ## Posts and pages
 --------------------------------------------------------------*/