Centerring

Question

Hi guys why i can not centerring the lol div in vertical axes ?

body{
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items:center;
text-align: center;

}

.lol{
width: 100px;
height: 100px;
background: black;

}

Answer 1

add

min-height: 100vh;

to body