Home
Buy now
$6.00
Responsive CSS Flexbox Grid Framework (Masonry Supported)
Preview Image
Grid
Container
Basics
Auto-Layout
Alignment
Nesting
Responsive
Sass mixins
Images
Image Grid
Image Grid (Gutterless)
Masonry
CSS
Columns
Columns (Gutterless)
Images
Images (Gutterless)
jQuery
Images
Images (Gutterless)
Gallery
Images
Masonry Images
Elements
Colors
Specials
Drag and Drop
Columns
Images
Sortable
Columns
Images
Lazy Load
Playground
Support
Properties for the flex container
Flex-Direction
row:
row-reverse:
column:
column-reverse:
1
2
3
4
5
Flex-Wrap
nowrap:
wrap:
wrap-reverse:
1
2
3
4
5
Align-Items
flex-start:
flex-end:
center:
baseline:
stretch:
1
2
3
4
5
Justify-Content
flex-start:
flex-end:
space-between:
center:
space-around:
1
2
3
4
5
Align-Content
flex-start:
flex-end:
center:
space-between:
space-around:
stretch:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
Properties for the flex items
Align-Self
auto:
flex-start:
flex-end:
center:
baseline:
stretch:
1
2
3
4
5
Flex-Grow
Element 1:
Element 2:
Element 3:
Element 4:
Element 5:
1
2
3
4
5
Flex-Shrink
Element 1:
Element 2:
Element 3:
Element 4:
Element 5:
1
2
3
4
5
Flex
Element 1
Element 2
Flex-Basis %
Flex-Basis %
Flex-Grow
Flex-Grow
Flex-Shrink
< input type="number" class="flex-basis-shrink" id="S2" min="0" value="0" >
Flex-Shrink
1
2
Order
Element 1:
Element 2:
Element 3:
Element 4:
Element 5:
1
2
3
4
5