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