CSS savybė-sutrumpinimas flex

Savybė flex yra sutrumpinimas plėtimosi, susitraukimo ir bazinio dydžio savybėms. Sutrumpinamų savybių tvarka yra svarbi ir ji yra tokia: flex-grow, flex-shrink, flex-basis. Savybes galima praleisti nuo galo, tokiu atveju jos įgis numatytąją reikšmę.

Задание 1

Perrašykite šį kodą naudojant savybę-sutrumpinimą flex:

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

Задание 2

Perrašykite šį kodą naudojant savybę-sutrumpinimą flex:

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

Задание 3

Perrašykite šį kodą naudojant savybę-sutrumpinimą flex:

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

Задание 4

Perrašykite šį kodą naudojant atskiras savybes:

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

Задание 5

Perrašykite šį kodą naudojant atskiras savybes:

css.child {
  flex: 2 0.7;
}

Задание 6

Perrašykite šį kodą naudojant atskiras savybes:

css.child {
  flex: 3;
}