All components are based on CodyFrame.
The Grid Background component is used to display a grid in the background of a section.
To make sure the content (text, images, etc.) is aligned with the background grid, apply the same gap (using one of the gap utility classes) to both the content grid and the background grid. Besides, make sure the z-index value of the content is higher than 1 (in the demo we apply a z-index-2 utility class to the content).
If you're using the .col and .offset grid utility classes to distribute the content, you can use the padding-y utility classes to increase the vertical space between two elements.