Just the simplest grid was rendered into one overlaped row in IE11 when I tried to build 2 columns grid.
Layout:
dl
dt
dd
dt
dd
..............
any number of rows
..............
/dt
CSS:
dl {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
dt {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
dd {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
In other browsers working Ok. What's wrong?
Thanks