Вопрос Html/css как сделать контент посередине страницы как на фото?

[THHHH]

Как сделать условное окно регистрации четко посередине страницы? что прописывать, попробовал кучу значений, но все центрируется чисто по горизонтали, а по вертикали не хочет

 

[Splesher]

Вот пример CSS стилей для центрирования элемента посередине страницы: .parent {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
В этом примере свойство justify-content: center; отвечает за центрирование по горизонтали, а свойство align-items: center; за центрирование по вертикали.

 

[Maks53525235]

Так: body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

 

[serjant]

.register_form {
position: fixed;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
z-index: 1000;
}

 

[tapo4ek27]

я позиционирую так: .div {
position: fixed;
top 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
z-index: 1000;
}
.hidden {
display: none;
} Фиксируем блок и устанавливаем его посередине, заранее скрываем блок добавив ему класс hidden