Introducción a FLEXBOX

Flexbox es un módulo de CSS que sirve para manejar de  mejor manera la adaptación de las pantallas en cualquier dispositivo.Flexbox no se trata de una simple propiedad de css, sino de un conjunto de ellas.

FLEXBOX

e3f2b3f5-790b-4444-8e97-84912cd73876 (image/png)

Caption: : Conceptos representados

Conceptos

Para trabajar con Flexbox debemos de definir un elemento padre (flex-container) que tendrá su ancho (main size) y alto (cross size). El elemento padre, a su vez, contendrá los elementos flexibles (flex items).

590de1a1-efa7-4e48-a3b9-226cd9edde75 (image/png)

Conceptos

Flexbox utiliza un contenedor padre el cuál tendrá contenidos a sus elementos hijo (ítems).

Posibles combinaciones

98223c54-648a-40fa-9a42-1ddf2cf7f29d (image/jpg)

Caption: : Combinaciones

d026f33a-c861-464e-9b6d-bff5c42351c6 (image/jpg)