Grids

Css grid layout micro-framework for advanced grid and masonry design

Grid is an optional sub system, do not use it for small website

Classic: div-grid axis="auto" cols="s/m/l-*" rows="auto" class="gap-*"

[i] you can set 0-100 cols and rows

Complex and neasted layouts

[i] you can set x/y steps based on cols/rows of grid

X masonry grid: div-grid axis="x" cols="auto" rows="auto"

[i] require cols and rows auto

Y masonry grid: div-grid axis="y" cols="auto" rows="auto"

[i] you can set 0-100 cols (require rows auto)

Y masonry grid: div-grid axis="y" cols="auto" rows="auto"

[i] you can set 0-100 cols (require rows auto)