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
GIPHY App Key not set. Please check settings