我想知道为什么我的容器 div 向右对齐

Question

[code][1]

看起来有一个边距将容器推向右侧，但是显然，是有的。我很困惑。请帮助

我的代码附在下面

.stat {
  background-color: white;
  border-radius: 12px;
  margin: 3rem;
}

.container {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.statistic {
  background-color: #F2F2F2;
  margin: 1rem;
  padding: 1rem 8rem;
  border-radius: 12px;
  font-size: small;
  justify-self: center;
}

<div class="stat">
  <div class="container">
    <div class="stat1 statistic">
      <span>86K</span> Students
    </div>
    <div class="stat2 statistic">
      <span>142</span> Tutors
    </div>
    <div class="stat3 statistic">
      <span>900</span> Courses
    </div>
  </div>
</div>

Answer 1

.stat{
display : flex;
justify-content : center;
align-items : center;
}

用它来居中你的 div