Почему IE11 не воспринимает display: grid;?

Question

[Сергей Шилов]

Приветствую! Пользуюсь gulp с автопрефиксером, в параметрах указано grid: true, и поддержка 10-11 IE, однако, при открытии простейшей колоночной конструкции в IE, все блоки уходят в левый угол. Что не так?

https://jsfiddle.net/bpq7zewf/

Answer 1

[Andrej Sharapov]

Попробуйте

.boxed {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (3fr)[3];
      grid-template-columns: repeat(3, 3fr);
  grid-gap: 40px;
  width: 60%;
  margin: auto;
}

Comments

[Сергей Шилов]

Не работает( все прилипает к краю. Кстати, вот версия, где гриды кривые, блок с 3-мя иконка первый сверху, открывать в IE11

ivolga.pmotion.ru

[Сергей Шилов]

У меня там так и прописано, кстати

[Andrej Sharapov]

Сергей Шилов, в вашем примере не прописан display: -ms-grid;

[Сергей Шилов]

Вообще, у меня автопрефиксер, сам ставит эту конструкцию и в коде она присутствует, IE её почему-то зачеркивает. Вы можете посмотреть рабочую версию по ссылке выше

[Сергей Шилов]

Сергей Шилов, всё ок, не зачеркивает, я просто выше перезаписал это значение, но всё равно конструкция не работает