From 0a783d20c220034d7ef32273d2e0f1ef0adff896 Mon Sep 17 00:00:00 2001
From: Daniel Murphy <danielmichaelmurphy@gmail.com>
Date: Wed, 12 Jan 2022 17:07:40 -0500
Subject: [PATCH] Update CSS to match first exercise simplified version

---
 grid/02-grid-layout-2/solution/solution.css | 15 ++++++++-------
 grid/02-grid-layout-2/style.css             | 15 ++++++++-------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/grid/02-grid-layout-2/solution/solution.css b/grid/02-grid-layout-2/solution/solution.css
index f61ec6f..96f7eba 100644
--- a/grid/02-grid-layout-2/solution/solution.css
+++ b/grid/02-grid-layout-2/solution/solution.css
@@ -1,5 +1,13 @@
+body, html {
+  height: 100%;
+  margin: 0;
+}
+
 .container {
   text-align: center;
+  height: 100%;
+  padding: 16px;
+  box-sizing: border-box;
 }
 
 .container div {
@@ -14,25 +22,19 @@
 .header {
   background-color: #FFDE22;
   grid-column: 1 / 3;
-  grid-row: 1 / 2;
 }
 
 .sidebar {
   background-color: #FF7755;
-  grid-column: 1 / 2;
   grid-row: 2 / 4;
 }
 
 .nav {
   background-color: #00DDFF;
-  grid-column: 2 / 3;
-  grid-row: 2 / 3;
 }
 
 .article {
   background-color: #bccbde;
-  grid-column: 2 / 3;
-  grid-row: 3 / 4;
 }
 
 .article p {
@@ -45,7 +47,6 @@
 .footer {
   background-color: #393f4d;
   grid-column: 1 / 3;
-  grid-row:  4 / 5;
 }
 
 /* SOLUTION */
diff --git a/grid/02-grid-layout-2/style.css b/grid/02-grid-layout-2/style.css
index e82ab70..6574067 100644
--- a/grid/02-grid-layout-2/style.css
+++ b/grid/02-grid-layout-2/style.css
@@ -1,5 +1,13 @@
+body, html {
+  height: 100%;
+  margin: 0;
+}
+
 .container {
   text-align: center;
+  height: 100%;
+  padding: 16px;
+  box-sizing: border-box;
 }
 
 .container div {
@@ -14,25 +22,19 @@
 .header {
   background-color: #FFDE22;
   grid-column: 1 / 3;
-  grid-row: 1 / 2;
 }
 
 .sidebar {
   background-color: #FF7755;
-  grid-column: 1 / 2;
   grid-row: 2 / 4;
 }
 
 .nav {
   background-color: #00DDFF;
-  grid-column: 2 / 3;
-  grid-row: 2 / 3;
 }
 
 .article {
   background-color: #bccbde;
-  grid-column: 2 / 3;
-  grid-row: 3 / 4;
 }
 
 .article p {
@@ -45,5 +47,4 @@
 .footer {
   background-color: #393f4d;
   grid-column: 1 / 3;
-  grid-row:  4 / 5;
 }