Go to homepage

Projects /

Grid Background

Grid background pattern.

View Demo

How to

The Grid Background component displays a grid behind a section.

To align content with the background grid, apply the same gap value to both the content grid and background grid. For example, with CodyFrame, use one of the gap utility classes.

Besides, set the content's z-index value to 2 or higher.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

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