.container {

  display: grid;

  gap: 10px;

  grid-template-columns: [first-col] 1fr [second-col] 1fr [third-col] 1fr [end];

  grid-template-rows: [first-row] 2rem [second-row] 2rem [third-row] 2rem [end];

}

​

.item {

  grid-column: second-col / third-col;

  grid-row: second-row / end;

  /*

  grid-column-start: second-col;

  grid-column-end: third-col;

  grid-row-start: second-row;

  grid-row-end: end;

  */

}

​

​

/* ETC (Formatting only): */

​

body {

  margin: 1.5em;

  font-size: 130%;

  font-family: sans-serif;

  background: #F2F0EC;

  color: #2E2C08;

}

​

.container {

  border: 10px solid #2E2C08;

  background: white;  

  padding: 1em;

}

​

.item {

  padding: 0.5em;

  text-align: center;

  color: #2E2C08;

  background: #e5e3de; 

  font-weight: bold;

  margin-top: 0;

  margin-bottom: 0;

  text-align: center;

}