flex-shrink / flex shorthand in _grid-framework.scss

Created by: ghost

_grid-framework.scss

I. Why

.col-#{$breakpoint} {
  position: relative;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  min-height: 1px;
  padding-right: ($gutter / 2);
  padding-left:  ($gutter / 2);
}

instead of

.col-#{$breakpoint} {
  position: relative;
  flex: 1 0 0;
  max-width: 100%;
  min-height: 1px;
  padding-right: ($gutter / 2);
  padding-left:  ($gutter / 2);
}

II. max-width: 100%; really help in IE?