+

Inhalt strukturieren mit Grid

+
+

Zweidimensionales Grid

+
+
+
+
+
+
+
+
+
+
+
+
+
+

Die Boxen

+ 
+<div class="bigbox">
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+  <div class="box"></div>
+</div>
+
+
+

& Grid 3 Zeilen, 3 Spalten

+ 
+.bigbox{
+  display: grid;
+  grid-template-columns: 25% 25% auto;
+  grid-template-rows: auto auto auto;
+  grid-gap: 1em;
+  border: 2px solid yellowgreen;
+}
+.box{
+  width: 100%;
+  height: 150px;
+  background-color: yellowgreen;
+}
+
+
+ + +