Как заставить в IE11 и IE10 корректно отображать flex-direction: column и order?

Question

[Alborki]

Добрый времени суток!
Подскажите способ, как заставить IE11 и IE10 корректно отображать страничку при включении стилевых свойств lex-direction: column и order.
При ширине странички меньше 850px задается свойство для отдельных блоков direction: column и меняется их очередность (order) , в Хроме и Firefox все работает, но в IE все в кашу.
Есть способ уговорить IE адекватно отобразить страницу не меняя верстку кардинально, т.е. чтобы не отказываться от flex?

Вот ссылка на проект: https://prs.alieksieiborko1.repl.co/contacts.html#...

Answer 1

[Dimonchik]

скопировать с конкурента

может ИЕ не может, ну не может и все тут

Answer 2

[Alborki]

Например, для данной конкретной станицы подходит вот это решение:

media (max-width: 600px)
div.CONTACTS {
flex-direction: column;
height: 1000px;
}
media (max-width: 850px)
div.HEAD {
flex-direction: column;
height: 65px;
}

Но для других страниц сайта, например, этой
https://prs.alieksieiborko1.repl.co/services.html#...
выше приведенного способа недостаточно.
Сложно подобрать нужную высоту для разной (меняющейся) ширины устройства.

Может есть еще другие более удачные и универсальные способы?