CSS Flexbox
Flex container
Flex item
display: flex;
1
(kontener)
flex-direction: row;
main axis
cross axis
cross axis
main axis
flex-direction: column;
(default)
flex-direction: row-reverse;
main axis
main axis
flex-direction: column-reverse;
flex-wrap: wrap;
3
nowrap / wrap-reverse
justify-content: flex-start;
4
flex-end / center / space-between / space-around
flex-direction: column;
?
a justify-content... dodaj height!
align-items: stretch;
5
flex-start / flex-end / baseline /center
align-content: stretch;
6
flex-start / flex-end / space-between / space-around / center
order: 1;
1
(default: 0)
flex-grow / flex-shrink / flex-basis
2
(dziecko)
flex: 1;
3
align-self: stretch;
4
flex-start / flex-end / baseline / center
deck
By eduweb
