Сетка на гридах в IE

Делаю сетку на гридах, во всех браузерах отрабатывает хорошо,но в IE все сплющено((

.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12,1fr);
  margin: 0 -15px
}
.grid-item {
  margin: 0 15px
}
.grid-item_1 {
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  margin: 0 15px
}
.grid-item_sm-1 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
  margin: 0 15px
}
.grid-item_md-1 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
  margin: 0 15px
}
.grid-item_lg-1 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
  margin: 0 15px
}
.grid-item_xl-1 {
  -ms-grid-column-span: 12;
  grid-column-end: span 12;
  margin: 0 15px
}