Как починить верстку в IE?

Question

[Влад]

пациент: https://russam.ee/sokolov-2/

На самом деле должно отображаться по 4 фотографии в ряд.
В Хроме всё ок, а в IE по 1 в ряд.

Подскажите, пожалуйста, как починить?

Comments

[sim3x]

Код на гитхаб / битбукет

Добавьте в вопрос версии софта

Загрузите скриншот на хабрасторадж

Answer 1

[Хороший UI]

Смотря какой IE, тут сверстано через гриды, а IE11 гриды без префикса не понимает.

https://caniuse.com/#feat=css-grid

Comments

[Влад]

не очень понял как переписать. чтобы поддерживало везде?

[Хороший UI]

Вообще для IE11 нужны префиксы, примерно такие:
display: -ms-grid;
-ms-grid-columns: 1fr 1fr 1fr;

грид свойство repeat() он вроде вообще не поддерживает

А вообще если клиент по каким то причинам не может использовать другой браузер, переверстать хотя бы на флексы. А если он любитель ie то вообще таблицой всё перевестать, там как раз такая верстка))