Tailwind provides flexbox utilities to handle flexbox layout.
I struggled to remember the classes for aligning items long the main and
cross axis. Is it justify-*, align-* or content-*? After months of
refering to the documentation, I decided to add my own set of classes
named flex-main-* and flex-cross-* for aligning elements.