That wouldn't work because it would rely on markup although display: table is pretty handy as a fallback for small UI elements in particular.
The grid (and flexbox) specifications define how fallbacks should work, making it pretty straightforward to create good - not identical (because what would be the point?) experiences for the browsers you need to support.
So, for example with display: table which generates anonymous boxes, the spec defines that box generation won't happen.
The grid (and flexbox) specifications define how fallbacks should work, making it pretty straightforward to create good - not identical (because what would be the point?) experiences for the browsers you need to support.
So, for example with display: table which generates anonymous boxes, the spec defines that box generation won't happen.
I detailed a bunch of this stuff here: https://rachelandrew.co.uk/css/cheatsheets/grid-fallbacks