Ability to remove side space

[filipjnc]

Currently there is some unfilled side space in width of half gutter.

My mitigation is to set negative margins of this width on the parent container to get this space filled.

Would be nice though to have a built-in option for this.

[mainrs]

I was about to create an issue for exactly that. It's weird since the extra width applied to the size doesn't seem to be in correlation with the gutter with for example. Mine is set to 30 but the extra pixels are 27 on each side.

How did you manage to get the right pixel for the margins?

Edit: I just tried applying margin-left and margin-right to by parent but it only works for the left side.

@e-oj This line calculates the width of one column by applying the gutter too. It technically is right, but that would add a gutter to the last column to even if one isn't needed. That would explain the extra space on the right even after applying negative margins to the parent.

[talaxasy]

I also try to remove this extra space on the sides, but so far unsuccessfully (

[acrylian]

It seems to work to set a negativ left and right margin to the container element. Needs a few attempts until it fits as the margin value needed is dependent on the gutter defined. For gutter: 40 negative margins of -28px seem to work for me for example.

[stevenamoody]

I believe I have a fix for this issue, and I opened a PR. See my proposed implementation of a responsive layout test/grid-responsive.html