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.

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.

SÍGUEME:

NEWSLETTER:

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

View this post on Instagram

A post shared by Memes de Kiko Palomares (@memes_kikopalomares)