See the Pen
CSS Flexbox by Iampsp.com (@iampsp)
on CodePen.
What is CSS Flexbox?
Flexbox is short for the Flexible Box Layout module.
Flexbox is a layout method for arranging items in rows or columns.
Flexbox makes it easier to design a flexible responsive layout structure, without using float or positioning.
Flexbox vs. Grid
The CSS Flexbox Layout should be used for one-dimensional layout, with rows OR columns.
The CSS Grid Layout should be used for two-dimensional layout, with rows AND columns.