删除flex容器中行之间的空间

Question

A具有以下HTML代码：

.d1 {
  margin: 3rem auto;
  background: #c3c3c0;
  width: 400px;
  height: 600px;
  display: flex;
  flex-wrap: wrap;
}

.d2 {
  background: #838e85;
  width: 70px;
  height: 70px;
  margin: 1rem;
}

<div class="d1">
  <div class="d2">1</div>
  <div class="d2">2</div>
  <div class="d2">3</div>
  <div class="d2">4</div>
  <div class="d2">5</div>
  <div class="d2">6</div>
  <div class="d2">7</div>
  <div class="d2">8</div>
</div>

它看起来像这样：

但是我需要div.d2对齐到顶部，行之间没有垂直间隔。

有可能吗？如果是，该如何处理？