phone
tablet
pc

Stage-unideck 8-4-2-1

test .deck

.unit-1
.unit-2
.unit-3
.unit-4
.unit-5
.unit-6
.unit-7
.unit-8

test .deck .padded

.unit-1 .padded
.unit-2 .padded
.unit-3 .padded
.unit-4 .padded
.unit-5 .padded
.unit-6 .padded
.unit-7 .padded
.unit-8 .padded

test .deck .padded .vfill .half

.unit-1 .padded
.unit-1 .padded
.unit-1 .padded
.unit-1 .padded
.unit-1 .padded .vfill
.unit-1 .padded .vfill
.unit-1 .padded .vfill
.unit-1 .padded .vfill

test .flex .vfill .half .padded (no need to nest view div within .unit-*)

.unit-3 .padded
.unit-1 .padded
.unit-2 .padded
.unit-1 .padded

test .flex .horizontal .vfill .half .padded (no need to nest view div within .unit-*)

.unit-1 .padded
.unit-2 .padded
.unit-1 .padded
.unit-1 .padded
.unit-1 .padded

test .grid() .vfill .padded (no need to nest view div within .grid-item())

A
B
C
D