如何将第一个div下方的两个div垂直居中

Question

我正在制作作品集，在工作部分我有两个项目，在移动尺寸上我想调整他们的位置

在我的代码中，当我根据移动设备尺寸调整工作部分中项目div的位置时，我希望在移动屏幕上显示时垂直调整它们，并且几乎完成了，但第二个div的位置是垂直的，但不正确在第一个项目 div 下，与第一个 div 相比，它稍微向另一个方向倾斜。

Answer 1

<div class="container">
    <div>Element 1</div>
    <div>Element 2</div>
    <div>Element 3</div>
</div>

//CSS

.container {
    display: flex;
    flex-direction: column;      // or row
    height: 100vh;
    justify-content: center;
    align-items: center;
}