Maquetar!!! CSS Flexbox

Disfruta del Diseño con Flexbox

Flexbox es una nueva herramienta para CSS3 creada para dar formato y alineación a paginas web. esta herramienta es fácil de usar y aprender para expertos como para principiantes en este mundo Web.

La Web a evolucionado y con su evolución tenemos nuevos retos y dolores de cabeza han envueltos a los diseñadores de sitios web. con esta nueva herramienta veras como disfrutaras de tus diseños web de una manera mas sencilla y con menos código para los estilos en tus paginas. te muestro reglas claves para empezar a disfrutar y darle formato a tus sitios web.

1. Flexbox necesita un contenedor para el alineamiento flex (display: flex;).
2. su dirección puede ser cambiada con la propiedad en contenedor con (flex-direction: row|column). para sitio web la dirección por defecto es row y para diseño Mobil es column
3. El contenedor tiene dos ejes. Eje principal y eje secundario ó transversal. Si la dirección del contenedor es "row" el eje principal va desde izquierda a derecha y el secundario de arriba hacia abajo. si la dirección es "column" entonces, el eje principal va desde arriba hacia abajo y el eje secundario va desde izquierda a derecha.
4. los hijos pueden aumentar en tamaño o disminuir con las propiedades flex-grow y flex-shrink
5. flex-basis es donde se le asigna a los hijos y padre el width que tendrán.

para mas información puedes visitar Wc3school que te sorprenderás con que facilidad podrás maquetar tus sitio web de una manera mas sencilla.