# Demo ```hbs template Flex Group Flex Wrap Min Width: 300px Min Width: 300px Min Width: 300px Flex Group with unlimited items 1 2 3 4 5 6 7 8 9 10 Flex Grow This item won't grow. But this item will. Flex - Proportional Growth 1 2
wraps content if necessary 3
expands_to_fit_if_content_cannot_wrap 4 6 3 1 3 6 Flex - Justify and Align One here on the left The other over here on the right. One here on the left The other over here on the right. I’m a single centered item!

I

am

really

tall

I am vertically centered! Flex Groups can change direction Content grid item Another content grid item Using the column direction Flex Grids for repeatable grids - can have up to 4 columns
One
Two
Three
Four
Five
Six
Seven
Flex Grids can change direction
One
Two
Three
Four
Five
Six
Seven
Gutter Size for both Grids and Groups None None None None Extra small Extra small Extra small Extra small Small Small Small Small Medium Medium Medium Medium Large (default) Large (default) Large (default) Large (default) Extra Large Extra Large Extra Large Extra Large ```