Нужно центральной карты CSS [дубликат] ⇐ Html

[Anonymous]

Карта не будет сосредоточена, и я все перепробовал. Он переворачивается, он делает все, что он должен, но я не могу в течение жизни меня сосредоточить его в середине страницы..card{
height: 500px;
width: 300px;
border-radius: 10px;
display: block;
position: relative;
align-items: center;
justify-content: center;
}

.card-inner{
position: fixed;
width: 90%;
height: 150px;
padding-bottom: 100%;
transition: transform 0.6s;
transform-style: preserve-3d;
align-items: center;
}

.card:hover .card-inner{
transform: rotateY(180deg);
}

.card-front, .card-back{
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display:flex;
align-items: center;
justify-content: center;
border-radius: 20px;
}

.card-front{
background: Yellow;
}

.card-back{
background: #ff0066;
color: #fff;
transform: rotateY(180deg);
}< /code>



Front of Card

Back of Card


< /code>
< /div>
< /div>
< /p>
Пожалуйста, дайте мне знать, если вы найдете решение. Я пробовал все в течение последнего часа и не знаю, как продолжить.


Подробнее здесь: https://stackoverflow.com/questions/795 ... r-card-css