Spirit

Flex

Horizontal Layout

Item 1
Item 2
Item 3

Horizontal Reversed Layout

Item 1
Item 2
Item 3

Vertical Layout

  • Item 1
  • Item 2
  • Item 3

Responsive Layout

Item 1
Item 2
Item 3

Wrapping

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15

Horizontal Alignment

Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3

Vertical Alignment

  • Item 1
  • Item 2
    is taller
  • Item 3
Item 1
Item 2
is taller
Item 3
Item 1
Item 2
is taller
Item 3
Item 1
Item 2
is taller
Item 3
Item 1
Item 2
is taller
Item 3 has bigger font size

Responsive Alignment

Item 1
Item 2
is taller
Item 3

Custom Spacing

Item 1
Item 2
Item 3

Responsive Spacing

Item 1
Item 2
Item 3

Responsive Custom Horizontal Spacing

Item 1
Item 2
Item 3

Responsive Custom Vertical Spacing

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12
Item 13
Item 14
Item 15