Fast Flexbox
conteiner {
display: flex;
flex-direction: ______ ;
row
row-reverse
column
column-reverse
justify-content: ______ ;
flex-start
flex-end
center
space-between
space-around
align-items: ______ ;
align-start
align-end
align-center
strech
flex-wrap: ______ ;
Click here to toggle Wrap
wrap
no-wrap
wrap-reverse
align-content: ______ ;
flex-start
flex-end
center
space-between
space-around
}
.itemGreen {
flex-grow: __________ ;
0.5
0.8
1
...
}
.itemRed {
flex-shrink: __________ ;
2
5
9
...
}