.grid-container {
  display: grid;
  height: 100%;
  grid-template-columns: 1fr 1fr 1fr ;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: ". . . " ". . . " ". . . ";
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .grid-container {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
  }

}