Getting CSS Grid to work in IE

gistfile1.txt

Use the IE prefix:

display: -ms-grid;
-ms-grid-columns: 540px auto;

Although you can use "auto" in grid columes IE doesn't seem to take note of them and only uses up as much space as it needs. You have to give it a fixed pixel value instead.

In order for css grid child elements to display properly on the grid you need to give them specific positions as grid-area doesn't work:

.item-1 {
  -ms-grid-row:1;
  -ms-grid-column:1;
}

.item-2 {
  -ms-grid-row:1;
  -ms-grid-column:2;
}