12 Column Flex Grid with Nested Grids
Overall, col boxes are set to "justify-content:space-between", but nested grids are "justify-content:center" to allow col boxes that don't fill out a full row to center under the previous rows (see Nested Grid examples below). For specific situations, "justify-content:space-between" or other options may be better.