CSS Grid
Grid lays out items in rows and columns at the same time, so you control both directions.
Definition
Grid lays out items in rows and columns at the same time, so you control both directions.
Use case
Use it for dashboards, galleries and page templates with a sidebar, wherever the layout must line up in two directions.
In Figma
Layout grid styles. These act as guides, while CSS grid builds the actual layout.
Related terms
Articles
A Complete Guide to CSS Grid Layout
A visual guide to every grid property.
Documentation
CSS grid layout
The reference plus guides on lines, areas and alignment.