Brief intro to Flexbox

Too Long; Didn't Read

Flexbox is a 1-D layout module introduced to world a while ago that it became widely supported by browsers as opposed to more modern modules i.e grid layout which is a 2-D more recent layout. Flexbox gives more flexibility and is better with performance. It’s quite easy to specify a wrapper which is going to hold a bunch of items and control their layout. You can have elements centered with only three properties: flex-grow, flex-shrink and flex-basis. You can use either positive or negative values to rearrange your layout elements.