Vertical Centering with Flexbox
I tend to forget that flexbox makes it really easy to vertically center elements. It comes in handy when you want to make giant heros with text inside of them like the examples below.
In css add the following…
display: flex on the parent (container)
margin: auto on the child (h1)
View Example on Codepen