Cacher is the code snippet organizer for pro developers

.parent {  
  position: relative;
  
  .child {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}