diff --git a/intermediate-html-css/advanced-grid/01-responsive-holy-grail/style.css b/intermediate-html-css/advanced-grid/01-responsive-holy-grail/style.css
index fceb431a76f3..e139a343843b 100644
--- a/intermediate-html-css/advanced-grid/01-responsive-holy-grail/style.css
+++ b/intermediate-html-css/advanced-grid/01-responsive-holy-grail/style.css
@@ -9,6 +9,10 @@ html {
   height: 100%;
   padding: 16px;
   box-sizing: border-box;
+  display: grid;
+  gap: 15px;
+  grid-template-columns: 1fr 3fr;
+  grid-template-rows: 1fr 1fr 5fr 1fr;
 }
 
 .container div {
diff --git a/intermediate-html-css/advanced-grid/02-holy-grail-mockup/style.css b/intermediate-html-css/advanced-grid/02-holy-grail-mockup/style.css
index 20502720c601..d632ac14c497 100644
--- a/intermediate-html-css/advanced-grid/02-holy-grail-mockup/style.css
+++ b/intermediate-html-css/advanced-grid/02-holy-grail-mockup/style.css
@@ -5,6 +5,9 @@
 
 .container {
   text-align: center;
+  display: grid;
+  gap: 4px;
+  grid-template-columns: 1fr 4fr;
 }
 
 .container div {
@@ -17,6 +20,9 @@
 
 .header {
   background-color: #393f4d;
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  align-items: center;
 }
 
 .menu ul,
@@ -26,6 +32,9 @@
 
 .sidebar {
   background-color: #C50208;
+  display: grid;
+  gap: 50px;
+  grid-row: span 3;
 }
 
 .sidebar .photo {
@@ -55,6 +64,10 @@
 
 .article {
   background-color: #bccbde;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  gap: 15px;
+  grid-column-start: 2;
 }
 
 .article p {
@@ -68,6 +81,7 @@
   background-color: #FFFFFF;
   color: black;
   text-align: center;
+  height: 200px;
 }
 
 .card p {
@@ -88,4 +102,28 @@
 .footer p {
   font-size: 13px;
   font-weight: normal;
+}
+
+.menu ul,
+.nav ul {
+  list-style: none;
+}
+
+.menu ul {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+}
+
+.nav ul {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+}
+
+.header,
+.footer {
+  grid-column: span 2;
+}
+
+.header .logo {
+  justify-self: start;
 }
\ No newline at end of file
diff --git a/intermediate-html-css/positioning-grid/01-basic-holy-grail/style.css b/intermediate-html-css/positioning-grid/01-basic-holy-grail/style.css
index 6ce91a11d80e..16f180d172a7 100644
--- a/intermediate-html-css/positioning-grid/01-basic-holy-grail/style.css
+++ b/intermediate-html-css/positioning-grid/01-basic-holy-grail/style.css
@@ -9,6 +9,10 @@ html {
   height: 100%;
   padding: 16px;
   box-sizing: border-box;
+  display: grid;
+  grid-template-columns: 400px 800px;
+  grid-template-rows: 100px 100px 500px 100px;
+  gap: 15px;
 }
 
 .container div {
@@ -22,10 +26,12 @@ html {
 
 .header {
   background-color: #006157;
+  grid-column: 1 / 3;
 }
 
 .sidebar {
   background-color: #005B94;
+  grid-row: 2 / 4;
 }
 
 .nav {
@@ -38,6 +44,7 @@ html {
 
 .footer {
   background-color: #393f4d;
+  grid-area: 4 / 1 / 5 / 3;
 }
 
 .article p {