Will CS Grid degrade gracefully in older browsers that don’t fully support it?
As hyped as we are that CSS Grid has landed, only one third of browsers currently support it. Neither Internet Explorer or Edge follow the current specification, and you only have to go back a release or two on other browsers such as Firefox, Chrome and Safari to lose support. TP: CSS feature queries to the rescue. All you need to do is wrap your grid rules in a @supports (display: grid) statement to apply it conditionally, and your fallback code in @supports not (display: grid). When CSS Grid is universal, you can remove the fallbacks. This approach will handle Edge and older versions of the other browsers. Degrading gracefully in Internet Explorer 11 or older will require some extra work.
Squaring up CSS Grid enables you to lay out page items in rows and columns