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;
}