Description
In this course, you will learn :
- Crear sus propios diseños usando Flexbox.
- Atenderás los beneficios de flexbox en el diseño web actual.
- Cresr hojas de estilos CSS mucho más ligeras.
Syllabus :
- Introducción al curso
- Entendiendo Flexbox
- Flexbox necesita un padre y por lo menos un hijo
- El Flex Container tiene 2 ejes
- Podemos modificar el eje principal con la propiedad: flex-direction
- Podemos permitir el salto de columnas con Flex-Wrap
- Alineamos elementos en el eje principal con justify-content
- Alineamos elementos en el eje secundario con align-items
- Alinear hijos de forma individual en el eje secundario con align-self
- Los hijos flexibles ignoran algunas propiedades CSS
- Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 1)
- Cambias el tamaño de los hijos con flex-grow, flex-shrink, flex-basis (Part 2)
- Resumimos todo con la propiedad: flex
- Podemos reordenar los hijos flexibles con la propiedad ORDER
- Preguntas sobre el curso
- Manos a la obra
- Despedida