.container > * {

  margin-bottom: .5em;

}

​

.container > :last-child {

  margin: 0;

}

​

@media screen and (min-width: 37.5em) {

  .container {

    display: grid;

    grid-template-columns: 1fr 3fr 1fr;

    gap: 0.5rem;

  }

  .container > * {

    margin-bottom: 0;

  }

}

​

/* 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;

}

​

.container > * {

  padding: 0.5em;

  text-align: center;

  background: #e5e3de;

  font-weight: bold;

}

​

​