.flex_1
.flex_2
.flex_3
.flex_4
.flex_5
.flex_6
.flex_7
.flex_8
.flex_9
.flex_10
.flex_11
.flex_12
How it's look by default
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-middle for parent
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-bottom for parent
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-self-middle for second child
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-self-bottom for second child
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-prefix_3 .flex_3
Some text
.f-stretch for parent
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-self-stretch for first child
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
.f-end for parent
Some text
Some text
.f-center for parent
Some text
Some text
.f-alpha .f-omega for first child
Some text
Some text
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet autem culpa, dicta doloribus ducimus eligendi ex fuga illo nemo nisi obcaecati odit quia sapiente vitae voluptate voluptatibus. Blanditiis, minus?
Some text
flex