CSS Grid Layout in Stupid Internet Explorer 11 using -ms styles
How To Get Your Web Pages to Display CSS Grids in IE and Chrome All of us web developers know that IE 10 and 11 cannot display grid layouts like FireFox and Chrome. In fact we know that Microsoft is lagging behind on their support of standards in their IE browser. Thanks Steve and Bill! However some of us are discovering that Edge can display them kind of correctly now. Unfortunately, Edge is as stupid as IE. If you developed fantastic looking grid layout pages for Chrome and do not want to revert back to old fashioned table layouts, I have the ultimate solution for you. It's called vendor extensions. First thing to do is to drop some of your CSS into the autoprefixer to allow it to add new MS vendor extensions. Then you add your new CSS into your sheets. If you had this CSS and it worked in Chrome, you will then add -ms-grid and -ms-grid-columns. Plus you will also add .ms-grid-row and -ms-grid-column to each row/column cell. .grid-container ...