Notes

The items above are set as class="flex-auto".
flex-auto and flex-initial are the only classes for sizing an item contained in core-v2 Basscss, and are the same as writing style="flex:1 1 auto".  style="flex:0 1 auto" respectively.

the first number represents grow
the second number represents shrink
the third number represents size

You may need to write your own style to suit each individual item.

examples:

style="flex:0 0 500px"
wont grow, wont shrink and is 500px wide

style="flex:1 1 300px"
will grow, will shrink and is 300px wide

style="flex:1 0 auto"
will grow, wont shrink and is as wide as space available

style="flex:2 1 auto"
will grow twice as much as another. will shrink and is as wide as space available

Notes

Sometimes those accidents turn out to be the best part. We'll put all the little clouds in and let them dance around and have fun. You have to make almighty decisions.

the first number represents grow
the second number represents shrink
the third number represents size

You may need to write your own style to suit each individual item.

examples:

style="flex:0 0 500px"
wont grow, wont shrink and is 500px wide

style="flex:1 1 300px"
will grow, will shrink and is 300px wide

style="flex:1 0 auto"
will grow, wont shrink and is as wide as space available

style="flex:2 1 auto"
will grow twice as much as another. will shrink and is as wide as space available

Notes

The items above are set as class="flex-auto".
flex-auto and flex-initial are the only classes for sizing an item contained in core-v2 Basscss, and are the same as writing style="flex:1 1 auto".  style="flex:0 1 auto" respectively.

the first number represents grow
the second number represents shrink
the third number represents size

You may need to write your own style to suit each individual item.

examples:

style="flex:0 0 500px"
wont grow, wont shrink and is 500px wide

style="flex:1 1 300px"
will grow, will shrink and is 300px wide

style="flex:1 0 auto"
will grow, wont shrink and is as wide as space available

style="flex:2 1 auto"
will grow twice as much as another. will shrink and is as wide as space available