aims at :
providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").
- give the container the ability to alter its items' width/height (and order) to best fill the available space
- A flex container expands items to fill available free space, or shrinks them to prevent overflow.
Flexbox layout | Grid layout |
---|---|
the components of an application / small-scale layouts | larger scale layouts |