:root {
  --base-unit: 8px;
}

.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: calc(var(--base-unit) * 3);
}

section {
  margin: calc(var(--base-unit) * 6) 0;
}

img {
  border-radius: var(--base-unit);
}