Flex container componentAvailable since EcoComposer 1.0

To center horizontally and vertically, in a column

Forcing start alignment and putting spaces around elements

Forcing start alignment and putting elements on the left

The defaults values are :

'align-content' : null,
'align-items' : null,
'flex-direction' : null,
'height' : auto,
'justify-content' : null,
'suffix' : '',
'width' : 100%,
'wrap' : null

We can implement it that way :

@include flexContainer.init();
@include flexContainer.create(
  (
    'align-items' : center,
    'flex-direction' : column,
    'justify-content' : center,
    'wrap' : wrap
  )
);

See the code for more information.

We can implement it that way :

<div class="flex-container suffix"></div>