Helper Sass mixin to place CSS Grid items into rows in Internet Explorer (11)

ie-grid-items-into-rows.scss

// There is no auto placement for CSS Grid items in IE.
// Sow we need to place the items into rows.
@mixin ie-grid-rows($start: 1, $rows: 50, $container: true, $shift: 0) {
  @for $i from $start through $rows {
    $row: $i - $shift;

    @if $container {
      > *:nth-child(#{$i}) {
        -ms-grid-row: $row;
      }
    }

    @else {
      &:nth-child(#{$i}) {
        -ms-grid-row: $row;
      }
    }
  }
}

For more info see: http://thamas.hu/en/semi-auto-placement-of-css-grid-items-in-internet-explorer-11/