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.