From 34328795e3e0229f07d43805d16fefb92ff04a60 Mon Sep 17 00:00:00 2001
From: Daniel Murphy <danielmichaelmurphy@gmail.com>
Date: Thu, 6 Jan 2022 13:14:01 -0500
Subject: [PATCH] Add solution.css to solution folder

---
 grid/02-grid-layout-2/solution/solution.css | 58 +++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 grid/02-grid-layout-2/solution/solution.css

diff --git a/grid/02-grid-layout-2/solution/solution.css b/grid/02-grid-layout-2/solution/solution.css
new file mode 100644
index 0000000..f61ec6f
--- /dev/null
+++ b/grid/02-grid-layout-2/solution/solution.css
@@ -0,0 +1,58 @@
+.container {
+  text-align: center;
+}
+
+.container div {
+  padding: 15px;
+  font-size: 32px;
+  font-family: Helvetica;
+  font-weight: bold;
+  color: white;
+  border-radius: 15px;
+}
+
+.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 {
+  font-size: 18px;
+  font-family: sans-serif;
+  color: white;
+  text-align: left;
+}
+
+.footer {
+  background-color: #393f4d;
+  grid-column: 1 / 3;
+  grid-row:  4 / 5;
+}
+
+/* SOLUTION */
+
+.container {
+  display: grid;
+  grid-template-columns: 1fr 3fr;
+  grid-template-rows: 1fr 1fr 5fr 1fr;
+  gap: 15px;
+}