|

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. Tommy Hodgins pioneered container queries through EQCSS. There's another Grid demo in my post Layout-Fun with CSS Grid.