[HTML] display:grtid; IE에서 사용하기

References : Should I try to use the IE implementation of CSS Grid Layout?

.grid_container { 

    display: -ms-grid; -ms-grid-columns : 80% 20%; 

    display: grid; grid-template-columns: 80% 20%; 

    }

display에 grid대신 -ms-gird를 사용하고 grid-template-columns 대신 -ms-grid-columns를 사용한다.

또한 추가로 해당 그리드에 포함될 div에 col/row설정을 해준다.

.grid_item:nth-child(1) { -ms-grid-row:1; -ms-grid-column:1; }

.grid_item:nth-child(2) { -ms-grid-row:1; -ms-grid-column:2; }

.grid_item:nth-child(3) { -ms-grid-row:1; -ms-grid-column:3; }

.grid_item:nth-child(4) { -ms-grid-row:1; -ms-grid-column:4; }

.grid_item:nth-child(5) { -ms-grid-row:1; -ms-grid-column:5; }

자세한 내용은 참조 링크에 잘 나와있다.