flexboxgrid
flexboxgrid copied to clipboard
If a column offset is used, the column width has to be redefined at a larger breakpoint
When adding a column offset for a specific breakpoint (e.g. col-sm-offset-1
, you also need to redefine it's width (e.g. col-sm-5
). It doesn't inherit the width from the smaller size (e.g. col-xs-5
).
See the difference between the first and second example at http://codepen.io/ckuijjer/pen/ojzrwB?editors=110
Do you intend your grid to use the sizes from a smaller breakpoint if they aren't redefined at a larger breakpoint?
Currently both the .col-*
and col-*-offset-*
classes define (amongst others) flex: 0 0 auto;
which overwrites the flex-basis
from the smaller breakpoint. I think removing these properties for the col-*-offset-*
classes will fix this.
See http://codepen.io/ckuijjer/pen/EVgBLy for my branch
Thanks.
The addition of flex: 0 0 auto;
was to force all browsers to use the same default values. This should be split up from the shorthand value to multiple values for them be overridden.