Grid

Grid is a field that lets content editors lay out content connected through matrix and other relation fields (entries, assets, commerce products, etc...).

Admins

Grid‘s settings let you define CSS grid rules for different layout breakpoints.

Content Editors

Content editors can optimize content layout for different screen sizes.

Developers

Flexible Twig tags create the grid container and wraps all of the grid items while generating the CSS for each layout.

NOTE: Grid will not be ported to Craft 4. Grid will be supported for Craft 3.x until Craft 3 EOL.