From edd1f402e7b3a712dffac64f9e3b511fc98f8db5 Mon Sep 17 00:00:00 2001
From: Daniel Murphy <danielmichaelmurphy@gmail.com>
Date: Thu, 6 Jan 2022 13:13:02 -0500
Subject: [PATCH] Add initial style.css

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

diff --git a/grid/02-grid-layout-2/style.css b/grid/02-grid-layout-2/style.css
new file mode 100644
index 0000000..e82ab70
--- /dev/null
+++ b/grid/02-grid-layout-2/style.css
@@ -0,0 +1,49 @@
+.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;
+}