Flex.Item#

Demos#

<Flex.Container layoutEngine="css">
  <Flex.Item>
    <TestElement>FlexItem</TestElement>
  </Flex.Item>
  <Flex.Item>
    <TestElement>FlexItem</TestElement>
  </Flex.Item>
</Flex.Container>

Basic span usage#

With the default sizeCount of 12 parts.

Advanced span usage#

The following example has a customized amount of 4 parts (sizeCount) as well as custom breakpoints and media queries.