Cacher is the code snippet organizer for pro developers

//Parent with 100% height or desirable
parent {
  min-height: 100vh;
}

child {
  height:100%;
  display:flex;
  flex-direction:column;
  //main-axis centering
  justify-content:center; 
  //cross-axis centering
  align-items:center; //
}