body    {
    background-color: darkorange;
    color: blue;
    font-size: 160%;
}

container  {
    display: grid;
    /*
    nun werden "Blöcke" erstellt; Raster 4x9
    */
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px;
    height: 100%;
    /*
    Hier folgt eine Variante, um "Blöcke" zusammen zu fassen.
    In diesem Fall alle vier einer Reihe/Zeile zu einem.
    */
    grid-template-areas: 
    "zwei zwei zwei zwei"
    "fünf eins eins sieben"
    "fünf eins eins sieben"
    "fünf eins eins sieben"
    "neun eins eins sieben"
    "neun drei drei sieben"
    "neun drei drei sieben";
    }

items-1 {
    grid-area: eins;
    /*
    Dies ist die zweite Variante, mehrere "Blöcke" zusammen zu fassen.
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
        */
    }
items-2 {
    grid-area: zwei;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
    */
    }
items-3 {
    grid-area: drei;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
    */
    }
items-4 {
    grid-area: vier;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    */
    }
items-5 {
    grid-area: fünf;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
    */
    }
items-6 {
    grid-area: sechs;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    */
    }
items-7 {
    grid-area: sieben;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
        */
    }
items-8 {
    grid-area: acht;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 4;
    grid-row-end: 5;
    */
    }
items-9 {
    grid-area: neun;
    /*
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
    */
    }