.grid {
  display: grid;
  grid-template-columns: 150px auto
    150px;
  grid-template-rows: repeat(30, 200px);
  grid-gap: 1em
}

header,
aside,
article,
footer {
  background: #eaeaea;
  padding: 1em;
}
header, footer {
  grid-column: 1/4;
}

body {
  margin: 3 auto;
  max-width: 56em;
  padding 1em 0;
}

grid > * {
  display: flex;
  align-items: center;
  justify-content: center;
}