Now I fully understand what you are looking for and why. The grid you are trying to use with column width = 32 and gutter = 24 obviously doesn’t fit. Not every random combination of numbers would fit. If you use the stretch grid with gutter of 24, it would result in non-pixel perfect grid which would give you all sorts of headaches.

To make the grid fit perfectly, you’ll need to calculate it! I just spent about an hour trying to come up with a formula for that and I think I did it. You need the input full width, column count and gap width. The column width would be the result of the formula. To make things pixel-perfect, total width + column gap should be divisible by number of columns.

Formula: `c = (total + g) / n - g`

In your case `total = 640`

, `n = 12`

and we need to pick `g`

so that `640 + g`

would be divisible by `n = 12`

. So I picked 8 as `648/12 = 54`

exactly (whole number). You can increase the gap by 12 however many times you want, e.g. `8 + 12 = 20`

gap would also work. When we plug these three input numbers into the formula above, we get the column width value. Both examples are illustrated below, as you can see the grid fits perfectly:

Here is an example file: https://figma.fun/WP3u2D