|

View each layout in various widths. The source of the demo. Grid browser support, browser stats. For projects where it is necessary to support obsolete browsers, offer fallback. Here, I simply prompt users of obsolete browsers to use a modern browser (any modern browser). It can be a great option to provide fallback, eg a simple layout outside of @supports (display: grid) { }, and to also recommend using a modern browser (eg see all supportsCssGrid() in the source). The spec is great for learning Grid: CSS Grid Level 1, by editors Tab Atkins Jr., Elika J. Etemad AKA Fantasai, Rossen Atanassov, and contributors. Tommy Hodgins pioneered element queries through EQCSS. There's another Grid demo in my post Layout-Fun with CSS Grid.