La propriété raccourcie flex en CSS

La propriété flex est un raccourci pour les propriétés de croissance, de rétrécissement et de taille. L'ordre des propriétés raccourcies est important et il est le suivant : flex-grow, flex-shrink, flex-basis. Les propriétés peuvent être omises à partir de la fin, auquel cas elles prendront leur valeur par défaut.

Réécrivez le code suivant en utilisant la propriété raccourcie flex :

.child {
	flex-basis: 100px;
	flex-grow: 1;
	flex-shrink: 2;
}

Réécrivez le code suivant en utilisant la propriété raccourcie flex :

.child {
	flex-shrink: 0.5;
	flex-grow: 2;
}

Réécrivez le code suivant en utilisant la propriété raccourcie flex :

.child {
	flex-shrink: 0.5;
	flex-grow: 1;
}

Réécrivez le code suivant en utilisant les propriétés détaillées :

.child {
	flex: 1 2 200px;
}

Réécrivez le code suivant en utilisant les propriétés détaillées :

.child {
	flex: 2 0.7;
}

Réécrivez le code suivant en utilisant les propriétés détaillées :

.child {
	flex: 3;
}