Flexbox is a set of related CSS properties for building 1-dimensional layouts. The main idea behind Flexbox is that the empty space inside a container element can be automatically divided by its child elements; as well as automatically aligning items to one another horizontally and vertically. Flexbox solves common problems such as vertical centering and creating equal-height columns; is the perfect tool to replace floats, allowing HTML and CSS code to be smaller and cleaner.
