You can use an "autoprefixer" for Internet Explorer, but it is complicated and you need a good understanding of CSS Grid and how it works, it is very difficult to mix CSS Grid designs and make them good for Internet Explorer. There is a good explanation about "autoprefixer here https://css-tricks.com/autoprefixer/
but it is English so I am not sure you will fully understand it.

to be honest, your demo for the restaurant design, isn't complicated, & really doesn't need to be done in CSS grid at all., just use "fallback first" and then "display flex" for modern browsers

here is another article about using prefixers for Internet Explorer 10 +
https://rachelandrew.co.uk/archives/201 … id-layout/

although it is also in English