Introducción a Flexbox
  • Introducción al curso
  • Entendiendo Flexbox
Regla de oro N1 de FlexBox
  • Flexbox necesita un padre y por lo menos un hijo
Regla de oro N2 de FlexBox
  • El Flex Container tiene 2 ejes
Regla de oro N3 de FlexBox
  • Podemos modificar el eje principal con la propiedad: flex-direction
Regla de oro N4 de FlexBox
  • Podemos permitir el salto de columnas con Flex-Wrap
Regla de oro N5 de FlexBox
  • Alineamos elementos en el eje principal con justify-content
Regla de oro N6 de FlexBox
  • Alineamos elementos en el eje secundario con align-items
Regla de oro N7 de FlexBox
  • Alinear hijos de forma individual en el eje secundario con align-self
Regla de oro N8 de FlexBox
  • Los hijos flexibles ignoran algunas propiedades CSS
Regla de oro N9 de FlexBox
  • 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)
Regla de oro N10 de FlexBox
  • Resumimos todo con la propiedad: flex
Regla adicional: La magia de la propiedad ORDER
  • Podemos reordenar los hijos flexibles con la propiedad ORDER
Preguntas: Ponemos a prueba lo aprendido
  • Preguntas sobre el curso
El siguiente paso
  • Manos a la obra
  • Bonos exclusivos
  • Despedida