Zweidimensionales Grid
+
+
+
+
+
+
+
+
+
+
+
+ Inhalt strukturieren mit 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;
+}
+
+
+
+
+