🎉 Black Friday deal! 30% off your first year of CodyHouse Pro →


Progress value is 30%

Grid Background

Grid background pattern.

View Demo


All components are based on CodyFrame.

How to

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.

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us