Vlastnost-flex zkratka v CSS

Vlastnost flex je zkratka pro vlastnosti růstu, zmenšování a základní velikosti. Pořadí zkrácených vlastností je důležité a je následující: flex-grow, flex-shrink, flex-basis. Vlastnosti lze vynechávat od konce, v takovém případě budou mít výchozí hodnotu.

Задание 1

Přepište následující kód pomocí vlastnosti-flex zkratky flex:

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

Задание 2

Přepište následující kód pomocí vlastnosti-flex zkratky flex:

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

Задание 3

Přepište následující kód pomocí vlastnosti-flex zkratky flex:

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

Задание 4

Přepište následující kód pomocí rozepsaných vlastností:

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

Задание 5

Přepište následující kód pomocí rozepsaných vlastností:

css.child {
  flex: 2 0.7;
}

Задание 6

Přepište následující kód pomocí rozepsaných vlastností:

css.child {
  flex: 3;
}