css помогите!!!!

[Gematla]

Все приветик, я к вам с одним вопросиком котята. Мне нужно разместить в уже имеющимся блоке еще один блок. Ну нужно чтобы он стоял по центру!!!!!!
Помогите решить эту проблему плззззз))))

 

[stephanie887]

Можно попробовать через флексы. попробуй так:

<div class="block">
    <div class="block__item"></div>
</div>

.block {
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.block__item {
    border: 1px solid black;
    background-color: rebeccapurple;
    height: 320px;
    width: 320px;
}

 

[Gematla]

Можно попробовать через флексы. попробуй так:

<div class="block">
    <div class="block__item"></div>
</div>

.block {
    border: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.block__item {
    border: 1px solid black;
    background-color: rebeccapurple;
    height: 320px;
    width: 320px;
}

Спасибки!