place-items マスの中で子を縦横まとめて寄せる

<div class="board">
  <span>A</span>
  <span>B</span>
</div>

.board {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  height: 6rem;
  gap: 0.4rem;
  background: #f3f1ec;
}
.board > span {
  background: #efeef8;
  padding: 0.3rem 0.6rem;
}