center with transform code example

Example 1: how to center div with transform

// Make sure the parent has position: relative 
.some_class {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }

Example 2: how to center with translate

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