¿Qué son los FLEX ITEMS en Flexbox CSS?

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

Elementos hijos

Automáticamente todos los elementos hijos del flex container se convierten en elementos flexibles.

Estos elementos tienen estas propiedades:

  • order
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • align-self

order

Especifica el orden de los elementos.

See the Pen CSS | Flexbox - 27 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

flex-grow

Determina cuánto “crece” un elemento relativo al resto de elementos.

See the Pen CSS | Flexbox - 28 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

flex-shrink

Determina cuánto se puede “encoger” un elemento respecto al resto de elementos.

See the Pen CSS | Flexbox - 29 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

flex-basis

Determina la longitud inicial del elemento

See the Pen CSS | Flexbox - 30 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

flex

Es una manera más corta de usar las propiedades flex-grow, flex-shrink y flex-basis

See the Pen CSS | Flexbox - 31 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

align-self

Es una manera más corta de usar las propiedades flex-grow, flex-shrink y flex-basis

See the Pen CSS | Flexbox - 32 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats