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.
