...
To divide a grid you will need to adjust the "Grid Layout" (with yellow border) using Flex Section.
...
Gap in CSS Grid is used to define the space between rows (Row Gap) and columns (Column Gap) in a grid.
Note: These properties allow you to set the visual separation between elements in the grid, which makes the layout and readability of the content easier.
For example:
...
Flex Box
(Flexsection > Grid > Flex Box)
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 them include: Image Grid, Blog and Articles, Data Tables, Forms, Control Panels, etc.
...