Właściwość-skrót flex w CSS
Właściwość flex jest skrótem
dla właściwości zachłanności, kurczliwości i rozmiaru.
Kolejność właściwości w skrócie ma znaczenie
i jest następująca: flex-grow, flex-shrink,
flex-basis. Właściwości można pomijać
od końca, w tym przypadku przyjmą one wartość
domyślną.
Przepisz następujący kod używając właściwości-skrotu
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Przepisz następujący kod używając właściwości-skrotu
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Przepisz następujący kod używając właściwości-skrotu
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Przepisz następujący kod używając pełnych właściwości:
.child {
flex: 1 2 200px;
}
Przepisz następujący kod używając pełnych właściwości:
.child {
flex: 2 0.7;
}
Przepisz następujący kod używając pełnych właściwości:
.child {
flex: 3;
}
