Flex layout

The flex layout has no max width. It is composed of parent rows and child cols. Each row of columns needs to be enclosed in a row and columns don’t have to add up to anything. If you’re using a pure flex -f{#] grid, the toal number of columns is simply the sum of the -f{#}s. (you can mix and match with col-fit and col-fill as well, or have underfilled rows using fixed or percentage width utilities). Columns may include nested rows and columns as in the following: