diff --git a/Exercise 1/styles.css b/Exercise 1/styles.css
index de3d3ce..eb66550 100644
--- a/Exercise 1/styles.css	
+++ b/Exercise 1/styles.css	
@@ -5,14 +5,22 @@
 }
 
 body {
+    background: #f5f5f5;
+    color: #333;
+    display: grid;
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
+    grid-template-areas: 
+        "header header header"
+        "nav content sidebar"
+        "nav footer footer";
+    grid-template-columns: minmax(64px, 1fr) 3fr minmax(64px, 1fr);
+    grid-template-rows: 120px 1fr 80px;
+    height: 100vh;
     line-height: 1.5;
-    color: #333;
-    background: #f5f5f5;
     max-width: 1440px;
-    height: 100vh;
     padding: 20px;
+
 }
 
 header,
@@ -25,3 +33,24 @@ footer {
     padding: 20px;
     border: #08313a 1px solid;
 }
+
+header {
+    grid-area: header;
+}
+
+nav {
+    grid-area: nav;
+}
+
+main {
+    grid-area: content;
+}
+
+aside {
+    grid-area: sidebar;
+}
+
+footer {
+    grid-area: footer;
+}
+
diff --git a/Exercise 2/styles.css b/Exercise 2/styles.css
index 6aa374c..79a760a 100644
--- a/Exercise 2/styles.css	
+++ b/Exercise 2/styles.css	
@@ -17,6 +17,11 @@ body {
     max-width: 1440px;
     margin: 100px auto;
     padding: 20px;
+    display: grid;
+    gap: 32px;
+    grid-template-columns: repeat(4, minmax(160px, 1fr));
+    grid-template-rows: repeat(2, 1fr);
+    grid-auto-flow: column;
 }
 
 .card {
@@ -24,7 +29,7 @@ body {
     border-radius: 10px;
     padding: 30px;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
-    margin-bottom: 10px;
+    grid-column: auto / span 1;
 }
 
 .card__header {
@@ -69,16 +74,24 @@ body {
     background-image: url('./images/bg-pattern-quotation.svg');
     background-repeat: no-repeat;
     background-position: top 10px right 100px;
+    grid-column: 1 / span 2;
 }
 
 .card--bg-gray-blue {
     background: hsl(217, 19%, 35%);
     color: #fff;
+    grid-column: 3 / span 1;
 }
 
 .card--bg-black-blue {
     background: hsl(219, 29%, 14%);
     color: #fff;
+    grid-column: 2 / span 2;
+}
+
+.card:last-child {
+    grid-column: auto / span 1;
+    grid-row: 1 / -1;
 }
 
 footer {
diff --git a/Exercise 3/styles.css b/Exercise 3/styles.css
index d5bf68d..c036f40 100644
--- a/Exercise 3/styles.css	
+++ b/Exercise 3/styles.css	
@@ -4,6 +4,13 @@
     padding: 0;
 }
 
+.container {
+    display: grid;
+    height: 1024px;
+    grid-template-columns: minmax(160px, 1fr) 4fr minmax(160px, 1fr);
+    grid-template-rows: 128px 128px 1fr 128px;
+}
+
 .box {
     border-radius: 4px;
     border: #000 1px solid;
@@ -13,19 +20,29 @@
 
 .box-1 {
     background-color: #f1e0c5;
+    grid-column: 1 / -1;
 }
 .box-2 {
     background-color: #c9b79c;
+    grid-column: 2 / -2;
 }
 .box-3 {
     background-color: #71816d;
+    grid-row: 2 / -2;
+    grid-column: 1 / span 1;
 }
 .box-4 {
     background-color: #342a21;
+    grid-row: 3 / span 1;
+    grid-column: 2 / -2;
 }
 .box-5 {
     background-color: #da667b;
+    grid-row: 2 / -2;
+    grid-column: -1 / -2;
 }
 .box-6 {
     background-color: #00272b;
+    grid-row: -2 / -1;
+    grid-column: 1 / -1;
 }