What is Flexbox?
Flexbox is a one-dimensional layout method for laying out items in rows or columns. It is optimized for UI design, meaning that the alignment and position of the items can be easily manipulated. The items will shrink or grow in order to fit within the flex container.
Why Flexbox?
Flexbox is most appropriate for a small-scale application layout, or for the components and parts in a large application, for example, side menu or footer.