Non-responsive columns
.c-12
.c-6
.c-6
.c-4
.c-4
.c-4
.c-4
.c-8
.c-8
.c-4
.c-2
.c-2
.c-2
.c-2
.c-2
.c-2
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
.c-1
Right-to-Left
(1) .c-3
(2) .c-3
(3) .c-3
(4) .c-3
Vertical stack
Mobile
.c-6
.c-6
Tablet
.c-4
.c-4
.c-4
Responsive columns
.c-12
.c-d-6
.c-12
.c-d-6
.c-12
.c-t-4
.c-12
.c-t-4
.c-12
.c-t-4
.c-12
.c-d-4
.c-12
.c-d-4
.c-12
.c-d-4
.c-m-12
.c-t-12
.c-d-4
.c-m-12
.c-t-6
.c-d-4
.c-m-12
.c-t-6
.c-d-4
More robust layouts
(1)
.c-6
.c-t-4
.c-d-3
(2)
.c-6
.c-t-4
.c-d-3
(3)
.c-12
.c-t-4
.c-d-3
(4)
.c-12
.c-t-8
.c-d-3