The CSS Grid Layout is a two-dimensional grid-based layout module formed by rows and columns..
The vertical line of grid items are columns.
The horizontal line of grid items are rows.
To divide a grid you will need to adjust the "Grid Layout" (with yellow border) using Flex Section.
Although flexbox and grid share CSS style properties, grid is suitable for a wide variety of scenarios and layouts where the arrangement of elements in rows and columns is essential. Some of the settings and designs include: Image Grid, Blog and Articles, Data Tables, Forms, Control Panels, etc.
