xxxxxxxxxx
/*style.css*/
.container {
display: grid;
}
xxxxxxxxxx
grid-template-rows: repeat(4, 100px);
grid-template-columns: repeat(3, 1fr);
xxxxxxxxxx
.item-a {
grid-column: 1;
grid-row: 1 / 3;
}
.item-e {
grid-column: 5;
grid-row: 1 / 3;
}
xxxxxxxxxx
[class^="box-"] {
background-color: skyblue;
/* To place the letter at the center */
display: grid;
place-items: center;
}