Remove `flex-grow` from `.col`

[katydecorah]

When using grid to build a col layout, if there are uneven number of items the last item will go full-width:

Reduce test case

This happens because .col sets flex-grow: 1. Since we have two options to allow items to grow .col--auto and .flex-child-grow, we should remove flex-grow from .col.

With this change, it will change the concept of .col slightly since the class will depend on other to give its shape within the grid.

Which classes benefit from flex-grow?

If we make this change, we lose the concept of the uncontrolled grid with the .col class. This means you will need to use a .w-* or .col--auto class to take advantage of the grid:

.col with flex-grow	.col without flex-grow

If we make this change, the %-based margins may need a .w-* or .col--auto class:

.col with flex-grow	.col without flex-grow

What alternatives have you tried?

• Introduce a new class flex-child-no-grow that will disable flex-grow. This works, but adds code to Assembly.
• Use a right % margin on the last element. This solution works, but is a bit clunky and may not scale well.
• Removing col class from each element works, but then you cannot use grid--gut* classes to add spacing between elements.

[samanpwbb]

If we make this change, we lose the concept of the uncontrolled grid with the .col class. This means you will need to use a .w-* or .col--auto class to take advantage of the grid:

I like this! Reducing the scope of individual classes makes Assembly more flexible. We can recommend using col in combination with flex-child-grow to get the old behavior!