Lecciones del curso
Aprende a programar con JavaScript GRATIS
FlexBox ¿se oye difícil no?
FlexBox no solo es poderoso, es facilísimo.
Existe una cantidad enorme de teoría sobre Flexbox y no es para menos, Flexbox es muy avanzado y está diseñado de forma exhaustiva, para resolver de tajo muchos problemas que existían en las versiones previas a CSS3, por ello hay mucha teoría sobre Flexbox, el problema consiste en que si, es tu primera vez no solo con flexbox si no, con la web y CSS3 en general, puede ser abrumadora la cantidad de información.
Por esa razón Héctor BlisS, aborda directamente Flexbox sin temor, y de forma simple, para que la teoría puedes leerla una vez que ya usas la herramienta, con tan solo atributos en el padre de los elementos a acomodar, puedes conseguir el resultado que buscas rápidamente.
Novedades
Cuando trabajamos con flexbox necesitamos pensar en términos de dos ejes — el eje principal y el eje cruzado. El eje principal está definido por la propiedad flex-direction, y el eje cruzado es perpendicular a este. Todo lo que hacemos con flexbox está referido a estos dos ejes, por lo que vale la pena entender cómo trabajan desde el principio. Cuando describimos a flexbox como unidimensional destacamos el hecho que flexbox maneja el layout en una sola dimensión a la vez — ya sea como fila o como columna. Esto contrasta con el modelo bidimensional del Grid Layout de CSS, el cual controla columnas y filas a la vez.
Vamos a Codepen y comencemos a explorar Flexbox
<img alt="flex" width="300" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT8VZ1C096MgWuqCWy2XSh-RC_DVu6qoxSeO9kJR7yIISVG8akD&s " />
Happy Coding! ❤