css grid not working in IE11?

Question

css

Good evening. Can you please tell me why this code does not work in ie11? Is everything ok in Edge or is version 11 and does not support grids? The same caniuse says partially
https://codepen.io/Alex2033/pen/jvWPwj

Answer 1

This means that for ie11, you need to separately prescribe styles, starting with the very definition of display:gird;
and below: display: -ms-grid;
Well, all the properties are duplicated for IE.
It's not difficult, but you have to tinker, then you'll get used to it.
For example, there is no grid-gap for it, all indents are written explicitly as a separate column.
Something like this

.startGrid {
  display: -ms-grid;
  -ms-grid-columns: 32% 20px 32% 20px 32%;
  -ms-grid-rows: auto 20px auto 20px auto;

}
This example has 3 columns, 2 rows, with 20 px padding between them.
What is unclear is easily googled by -ms-grid

Answer 2

CSS Grid in IE: CSS Grid and the New Autoprefixer https://css-tricks.com/css-grid-in-ie-css-grid-and...

Answer 3

The same caniuse says that partially

no, caniuse.com says:
Which means that there is support, but the old standard. How they differ - I didn’t ask such a question in depth, but if you are interested, here it is:
https://www.w3.org/TR/2011/WD-css3-grid-layout-201...
I know for sure that repeat() not in the old one, deal with the rest