我想知道为什么我的容器 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 居中