Using CSS Flexbox for vertical centering

CSS layout has always been a nightmare for us, and we all think Flexbox is our Savior. It is still to be seen whether it is really as we say, but Flexbox is a very easy solution to the problem of centering the CSS for a long time. Let's see how easy it is:

Vertical centering requires a parent element and child elements:

<div class= "Flexbox-container" >      
However, only the parent element requires a CSS property to set the child element to center vertically:
{    display: -ms-flexbox    display:-webkit-flex;     Display: flex;     -ms-flex-align: Center;     -webkit-align-items: Center;     -webkit-box-align: Center;     align-items: center;}
In addition to the specific prefix, really very simple css!
DEMO
Using CSS Flexbox for vertical centering