The plain-English version
A layout system that places elements into rows and columns with explicit or automatically created tracks.
Why it matters
It helps express two-dimensional relationships such as a sidebar beside a card collection.
Let’s make it click
A product gallery changes from three columns to one when the container narrows.
Vibe Bro’s heads-up
A grid does not automatically make its content responsive; long text and minimum track widths still need checks.
The docs behind it
Documentation links checked .
Editorial review · October 28, 2026
Supported: Two-dimensional tracks and implicit/explicit layout are supported; the warning that a grid still needs responsive choices is appropriate.