CodePen Embed - Centering with flexbox

<div class="parent">
 <div class="child">
  center me!
 </div>
</div>

.parent {
 height: 100vh;
 width: 100vw;
 display: flex;
 justify-content: center;
 align-items: center;
}

This Pen is owned by Yoav Ganbar on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.