grid-zeta
grid-zeta
grid-zeta--no-gaps
Symmetrical
grid-zeta
grid-zeta--2col
grid-zeta
grid-zeta--4col
grid-zeta
grid-zeta--8col
grid-zeta
grid-zeta
grid-zeta--16col
grid-zeta
grid-zeta--2col
grid-zeta--no-gaps
grid-zeta
grid-zeta--4col
grid-zeta--no-gaps
grid-zeta
grid-zeta--8col
grid-zeta--no-gaps
grid-zeta
grid-zeta--no-gaps
grid-zeta--no-gaps
grid-zeta
grid-zeta--16col
grid-zeta--no-gaps
A-Symmetrical
grid-zeta
grid-zeta--11to1
grid-zeta
grid-zeta--10to2
grid-zeta
grid-zeta--9to3
grid-zeta
grid-zeta--8to4
grid-zeta
grid-zeta--7to5
grid-zeta
grid-zeta--5to7
grid-zeta
grid-zeta--4to8
grid-zeta
grid-zeta--3to9
grid-zeta
grid-zeta--2to10
grid-zeta
grid-zeta--1to11
grid-zeta
grid-zeta--11to1
grid-zeta--no-gaps
grid-zeta
grid-zeta--11to1
grid-zeta--no-gaps
grid-zeta
grid-zeta--9to3
grid-zeta--no-gaps
grid-zeta
grid-zeta--8to4
grid-zeta--no-gaps
grid-zeta
grid-zeta--7to5
grid-zeta--no-gaps
grid-zeta
grid-zeta--5to7
grid-zeta--no-gaps
grid-zeta
grid-zeta--4to8
grid-zeta--no-gaps
grid-zeta
grid-zeta--3to9
grid-zeta--no-gaps
grid-zeta
grid-zeta--2to10
grid-zeta--no-gaps
grid-zeta
grid-zeta--1to11
grid-zeta--no-gaps
Hybrid
Hybrid grid variations are endless and dependent on very specific layout needs. Its structure is reflected to its name. Here is an example, the below grid is a 8 column grid with every grid cell different in width, fluidity and even fixed height some times. Use with caution and sporadically.
grid-zeta
grid-zeta--120px-1fr-80px-2fr-76px-1fr-3fr-40px
grid-zeta
grid-zeta--120px-1fr-80px-2fr-76px-1fr-3fr-40px
grid-zeta--no-gaps