Design

Size: XS

Column 3

s=1
s=3
s=2
s=1

Responsive column

xs=6 md=8 lg=4
xs=6 md=4 lg=1
xs=6 md=4 lg=1
xs=6 md=8 lg=2

Responsive columns xs=3 md=4 lg=6

s=1
s=2
s=3
s=4

Start column

o=4
o=3
o=2
o=1
o=3

Multi row span

item
item
item
item
item
SPAN
item
item
item
item
item
item
item

Multi row span, dense

item 1.0
item 1.1
item 1.2
item 1.3
item 1.4
item 1.5
SPAN
SPAN
item 2.0
item 2.1
item 2.2
SPAN
SPAN
item 3.0
item 3.1
item 3.2
item 3.3
item 3.4
item 4.0
item 4.1
item 5.0
item 5.1
item 5.2
item 5.3
item 5.4
item 5.5

Auto sized item

full
item
item
item
item
item
item
item
item

Auto sized item, dense

before
before
before
before
before
before
full
after
after
after
after
after
after

Spacing 0

item
item
item
item

Spacing 4

item
item
item
item

Spacing c=1 r=4

item
item
item
item

Spacing xs=1 md=4 lg=8

item
item
item
item

Spacing xs=(1,4) md=(2,4) lg=(4,4)

item
item
item
item

© 2024