11 ejercicios prácticos
9 lecciones
Curso

«CSS:
Fundamentos de Flex»

En este curso aprenderás sobre CSS Flex. Descubrirás cómo posicionar elementos vertical y horizontalmente. Al final, aprenderás a posicionar elementos en la página, alinearlos y entender el sistema de creación de sistemas de columnas. Flex es útil si decides crear diseños adaptables y utilizar elementos flexibles.
Los conocimientos de este curso ayudan a los programadores a controlar elementos en la página en dos ejes y alinear elementos en relación a ellos. Este curso es adecuado para principiantes que deseen aprender a crear sus primeros diseños.
Materiales de calidad
Práctica en el simulador
Cursos flexibles
Trabaja en el editor de código en tu navegador, y recibe una evaluación inmediata de tus soluciones.
Elige los cursos que realmente te interesen y estudia a tu ritmo, sin horarios.
Aprende con cursos creados por programadores en activo y actualizados de forma constante.
Programa del curso
1. Introducción a Flex
Aprende sobre el curso dedicado a Flex.

2. ¿Qué es Flex?
Aprende sobre el concepto de Flex, sus ventajas y escenarios de uso.

3. Contenedor flex
Familiarízate con los contenedores flex y las posibilidades de definir el eje principal para renderizar elementos.

4. Mover elementos dentro de un contenedor
Aprende sobre las formas de mover elementos dentro de un contenedor flex. Familiarízate con la propiedad flex-wrap.

5. Alineación de elementos en el eje principal
Aprende sobre las formas de alinear elementos en el eje principal dentro de un contenedor flexible. Familiarízate con la propiedad justify-content.

6. Alineación de elementos en el eje transversal
Aprende sobre las formas de alinear elementos en el eje transversal dentro de un contenedor flexible. Familiarízate con la propiedad align-items.

7. Propiedades de los elementos Flex. Flexibilidad. Flex-grow
Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia la propiedad Flex-grow.

8. Propiedades de los elementos Flex. Flexibilidad
Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia las propiedades flex-shrink, flex-basis y flex.

9. Propiedades de los elementos Flex. Posicionamiento
Aprende sobre las propiedades para trabajar con elementos dentro de contenedores flex. Estudia las propiedades order y align-self.
Desbloquea todo el contenido de Códica
Tendrás acceso a todas las lecciones, tests y ejercicios de todos los cursos disponibles en nuestra plataforma
Accede a más de 500 lecciones y ejercicios

Domina HTML, CSS, JavaScript, Python y más

Aprende a tu ritmo, cuándo y cuánto quieras

Cancela tu suscripción en cualquier momento
CódiPase anual
$10 USD / mes
CódiPase mensual
$26 USD / mes
¡Ahorra más del 60%!
Elegir
Elegir
Pago por mes
Total anual: $312 USD
Pago único anual
de $312 USD
de solo $120 USD
Preguntas y Respuestas