CSS flex layout (Flexible Box) allows elements within a container to be auto adjust depending upon the screen size. Flexbox design comes with several css style properties that makes flex item adjustable. It is hard to remember all properties and understand behaviour.
This tool helps us to understand the flexbox rules. Two primary parts of flexbox are: