Unsemantic
Adapt.js Demo -
RTL
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%