What is CSS Grid?
A modern CSS layout system that lets you create two-dimensional grids — rows and columns together — declaratively.
CSS Grid is the most powerful layout primitive in CSS. Unlike flexbox (one-dimensional: row or column), Grid lets you define both rows and columns at once: `grid-template-columns: 1fr 2fr 1fr` creates three columns. Combined with `grid-template-areas`, you can name grid regions and assign elements to them — useful for complex page layouts. Browser support is universal in 2026. Tailwind CSS exposes Grid via utility classes (`grid grid-cols-3 gap-4`). InBuild's editor uses Grid for the canvas component (`type: "Grid"`) and emits Tailwind grid classes in exported code.