Desktop Grid Mobile Grid

View grid CSS…

unsemantic-grid-responsive.css

100% 50%
95% 50%
5% 50%
90% 50%
10% 50%
85% 50%
15% 50%
80% 50%
20% 50%
75% 50%
25% 50%
70% 50%
30% 50%
65% 50%
35% 50%
60% 50%
40% 50%
55% 50%
45% 50%
50% 50%
50% 50%
33% 50%
33% 50%
33% 50%
66% 50%
33% 50%

Prefix & Suffix

10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%

Push & Pull (for SEO)

Green = push. Pink = pull.

10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
10% 50%
20% 50%
20% 50%
20% 50%
20% 50%
20% 50%
25% 50%
25% 50%
25% 50%
25% 50%
66% 50%
33% 50%
33% 50%
33% 50%
33% 50%

Nested Columns

Parent Column

50% 50%
50% 50%

Parent Column

50% 50%
50% 50%

Parent Column

25% 50%
25% 50%
25% 50%
25% 50%

Parent Column

25% 50%
25% 50%
25% 50%
25% 50%