diff --git a/grid/01-grid-layout-1/solution/solution.css b/grid/01-grid-layout-1/solution/solution.css
new file mode 100644
index 0000000..23d7392
--- /dev/null
+++ b/grid/01-grid-layout-1/solution/solution.css
@@ -0,0 +1,73 @@
+.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;
+}
+
+.sidebar {
+  background-color: #FF7755;
+}
+
+.nav {
+  background-color: #00DDFF;
+}
+
+.article {
+  background-color: #bccbde;
+}
+
+.article p {
+  font-size: 18px;
+  font-family: sans-serif;
+  color: white;
+  text-align: left;
+}
+
+.footer {
+  background-color: #393f4d;
+}
+
+/* SOLUTION */
+
+.container {
+  display: grid;
+  grid-template-columns: 300px 900px;
+  grid-template-rows: 100px 100px 500px 100px;
+  gap: 15px;
+}
+
+.header {
+  grid-column: 1 / 3;
+  grid-row: 1 / 2;
+}
+
+.sidebar {
+  grid-column: 1 / 2;
+  grid-row: 2 / 4;
+}
+
+.nav {
+  grid-column: 2 / 3;
+  grid-row: 2 / 3;
+}
+
+.article {
+  grid-column: 2 / 3;
+  grid-row: 3 / 4;
+}
+
+.footer {
+  grid-column: 1 / 3;
+  grid-row:  4 / 5;
+}