Как исправить ошибку в верстке?

Question

[booogabooo]

Появилось свободное место на вкладке "Регистрация"
sandbox.libriana.com/design/11/15.png

Как исправить это?
sandbox.libriana.com/ru

Answer 1

[Евгений Петров]

Причина (аж в 2-х файлах прописано):

.modal{
	bottom: 0; 
}

Ну и + у ребёнка margin сверху и снизу (нижний точно нужен?).
Исправить просто либо с помощью flex, либо с помощью translate.

HTML

<div class="modal">
	<div class="content"></div>
</div>

FLEX

.modal{
	display:flex;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.content{
	width:300px;
	height:400px;
	margin:auto;
	border-radius:20px;
	background:#369;
}

TRANSFORM

.modal{
	position:fixed;
	right:50%;
	bottom:50%;
	transform:translate(50%, 50%);
}
.content{
	width:300px;
	height:400px;
	border-radius:20px;
	background:#369;
}