.box {
    border: 1px solid black;
    min-height: 50px;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    background-color: aquamarine;
    padding: 15px;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}

.box1 {
    grid-row: 1;
    grid-column: 1 / 4;
}

.box2 {
    grid-row: 2 / 4;
}

.box3 {
    grid-row: 2 / 4;
}

.box4 {
    grid-row: 2 / 4;
}

.box5 {
    grid-row: 4;
    grid-column: 1 / 4;
}   

.container2 {
    display: grid;
    grid-template-areas: 
        "one one one"
        "two three four"
        "five five five";
}

.one {
    grid-area: one;
}

.two {
    grid-area: two;
}

.three {
    grid-area: three;
    display: grid;   
    grid-template-columns: 1fr 1fr 1fr;

}

.four {
    grid-area: four;
}

.five {
    grid-area: five;
}

.boxy {
    background-color: bisque;
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
}