Display: flex презентация

1
1
p{
margin: auto;
}
1
1

1
1
p{
margin: auto;
}
.block{
display:flax;
}
1
1

flex-direction:
row
row-reverse
column
column-reverse

justify-content:

align-content:

align-items:

order:
;

flex-grow:
;

.item {
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}
.item{
fllex 1 1 200px;
}

.item {
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]
}
.item{
fllex 1 1 200px;
}