¡GoConqr estrena diseño! Cuéntanos qué te parece.

Fichas

Flex

Fedor Pasynkov Web Developing Inglés 8 fichas

Fichas del conjunto (8)

  1. 1Flex syntaxflex-grow flex-shrink flex-basis |auto|initial|inherit|none
    flex: 0 0 auto; flex: auto;
    flex: 0 1 auto; flex: none;
  2. 2To make item inflexibleflex: none;
    flex: 0 0 auto;
  3. 3To make item fully flexible(absorb extra space along the main axis)flex: auto;
    flex: 1 1 auto;
  4. 4To make item inflexible when there is some extra space left, but to allow to shrink to its minimum when there is no enough spaceflex: initial;
    flex: 0 1 auto;
  5. 5To make item flexible and receive specified portion of extra space;flex: 1 0px
  6. 6What the flex-grow property does?specifies how much the item will grow relative to the rest of the flexible items inside the same container
  7. 7What the flex-shrink property does?specifies how the item will shrink relative to the rest of the flexible items inside the same container
  8. 8What the flex-basis property does?specifies the initial length of a flexible item.

Información

Descripción
Web Developing Fichas sobre Flex, creado por Fedor Pasynkov el 23/03/2020.
Creado por
Fedor Pasynkov
Visitas
11
Etiquetas
webdeveloping
Valoración

Escríbenos

¿Sobre qué es tu mensaje?

¿Qué te parece el nuevo diseño?

¿Te gusta?