Artboard

Artboard provides fixed size container to display a demo content on mobile size.

Class name
Type
artboard Component Container element
artboard-demo
Modifier
Adds shadow and radius. Puts items in center
phone-1
Modifier
Size 1 (320×568)
phone-2
Modifier
Size 2 (375×667)
phone-3
Modifier
Size 3 (414×736)
phone-4
Modifier
Size 4 (375×812)
phone-5
Modifier
Size 5 (414×896)
phone-6
Modifier
Size 6 (320×1024)
artboard-horizontal
Modifier
shows horizontal view
# Artboard size 1
320×568
# Artboard size 2
375×667
# Artboard size 3
414×736
# Artboard size 4
375×812
# Artboard size 5
414×896
# Artboard size 6
320×1024
# Artboard horizontal size 1 (568×320)
568×320
# Artboard horizontal size 2 (667×375)
667×375
# Artboard horizontal size 3 (736×414)
736×414
# Artboard horizontal size 4 (812×375)
812×375
# Artboard horizontal size 5 (896×414)
896×414
# Artboard horizontal size 6 (1024×320)
1024×320