diff --git a/M1/beispiele/m1_8b_layout.html b/M1/beispiele/m1_8b_layout.html
new file mode 100644
index 0000000..feb8b87
--- /dev/null
+++ b/M1/beispiele/m1_8b_layout.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <style>
+        .grid-container1 {
+            display: grid;
+            grid-template-columns: 100px 100px 100px;
+            justify-content: space-between;
+        }
+        .grid-container2 {
+            display: grid;
+            grid-template-rows: 50px 50px 50px;
+        }
+        .grid-container3 {
+            display: grid;
+            justify-content: center;
+        }
+        .grid-item {
+            background: green;
+        }
+    </style>
+    <meta charset="UTF-8">
+    <title>Grid</title>
+</head>
+<body>
+<div class="grid-container1">
+    <p class="grid-item">Test</p>
+    <p class="grid-item">Test</p>
+    <p class="grid-item">Test</p>
+</div>
+<div class="grid-container2">
+    <p class="grid-item">Test</p>
+    <p class="grid-item">Test</p>
+    <p class="grid-item">Test</p>
+</div>
+<div class="grid-container3">
+    <p class="grid-item">Test</p>
+</div>
+</body>
+</html>
\ No newline at end of file
