Flexbox is a relatively new addition to the CSS world and we keep finding more and more excellent applications for it. We can even solve the age-old problem with centering an element both vertically and horizontally with CSS. It is easier than you can imagine – it is only three lines of code, doesn’t require you to specify the size of the centered element and is responsive-friendly!
This technique works in all modern browsers – IE10+, Chrome, Firefox and Safari (with the
-webkit- prefix). See the full compatibility table here.
Hit me with a comment!