Flexbox examples & cookbook
Case 1 Display a login panel at the center of a page Case 2 Display a login panel at the center of a page (Flexbox) Case 3 Fixed header and footer Case 4 Fixed header and footer (Flexbox) Case 5 Holy grail Case 6 Holy grail (Flexbox) Case 7 Holy grail (Grid Layout)
Flexbox usage
Case 1 Flex Grow illustration Case 2 Flex Center Horizontally Case 3 Flex Center Vertically Case 4 Flex Basis Horizontally Case 5 Flex Basis Vertically Case 6 Flex Basis Horizontally (without overflow) Case 7 Flex Basis Vertically (without overflow) Case 8 Flex Distribution illustration Case 9 Flex Skrink illustration)