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.

Задание 1

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

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

Задание 2

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

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

Задание 3

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

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

Задание 4

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

css.child {
  flex: 1 2 200px;
}

Задание 5

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

css.child {
  flex: 2 0.7;
}

Задание 6

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

css.child {
  flex: 3;
}