I've the simplest CSS Grid possible
.grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 50%;
grid-template-columns: 1fr 1fr;
}
.cell {
border: 1px solid black;
}
Here, a working example.
On major browser, it works as expected but in Internet Explorer 11, the grid elements are overlapping.
Is there a way (without turning them to flex) to fix that issue on IE11 ?