Grid

Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

Two Column Grid

To obtain this result, use d-grid, grid-cols-2 and grid-gap class name.

Grid-1

Grid-2

Grid-3

Grid-4

Three column Grid

To obtain this result, use d-grid, grid-cols-3 and grid-gap class name.

Grid-1

Grid-2

Grid-3

Grid-4

Grid-5

Grid-6

AutoFit Grid

To obtain this result, use d-grid, grid-autofit and grid-gap class name.

Grid-1

Grid-2

Grid-3

Grid-4

Grid-5

Grid-6