Proprietatea scurtă flex în CSS
Proprietatea flex reprezintă o scurtătură
pentru proprietățile de lărgire, contragere și dimensiune.
Ordinea proprietăților prescurtate contează
și este următoarea: flex-grow, flex-shrink,
flex-basis. Proprietățile pot fi omise
de la sfârșit, în acest caz ele vor prelua valoarea
implicită.
Rescrieți următorul cod folosind proprietatea scurtă
flex:
.child {
flex-basis: 100px;
flex-grow: 1;
flex-shrink: 2;
}
Rescrieți următorul cod folosind proprietatea scurtă
flex:
.child {
flex-shrink: 0.5;
flex-grow: 2;
}
Rescrieți următorul cod folosind proprietatea scurtă
flex:
.child {
flex-shrink: 0.5;
flex-grow: 1;
}
Rescrieți următorul cod folosind proprietățile extinse:
.child {
flex: 1 2 200px;
}
Rescrieți următorul cod folosind proprietățile extinse:
.child {
flex: 2 0.7;
}
Rescrieți următorul cod folosind proprietățile extinse:
.child {
flex: 3;
}