我正在制作作品集,在工作部分我有两个项目,在移动尺寸上我想调整他们的位置
在我的代码中,当我根据移动设备尺寸调整工作部分中项目div的位置时,我希望在移动屏幕上显示时垂直调整它们,并且几乎完成了,但第二个div的位置是垂直的,但不正确在第一个项目 div 下,与第一个 div 相比,它稍微向另一个方向倾斜。
<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;
}