按钮变长

Question

有人可以请问为什么这种情况持续发生吗？ 使用按钮时，我通常通过添加align-items来解决它：center或text-align center，但是在这种情况下不起作用。 如果您想查看所有代码，请把下面的代码以及github留给您。请忽略该文本为虚拟文本。 github：https://github.com/CodyHiII/My-Portfolio-Site

这是代码

.portfolio__card {
    min-width: 100px;
    max-width: 400px;
}
.portfolio__text i{
    font-size: 50px;
    margin: 10px 0;
    display: flex;  
    justify-content: center;
    transition: transform 100ms ease-in;
    background-color: red;
}
.portfolio__text a {
    text-decoration: none;
    color: #0071bc;
}