Flexbox
Alinear y distribuir elementos en una dimensión. Intenta resolver cada ejercicio en el editor antes de revelar la solución.
Activa flexbox en un contenedor con 3 cajas hijas.
Ver solución sugerida
Centra el contenido horizontal y verticalmente con justify-content y align-items.
Ver solución sugerida
Distribuye 3 elementos con justify-content: space-between.
Ver solución sugerida
Cambia flex-direction a column para apilar elementos verticalmente.
Ver solución sugerida
Usa flex-wrap: wrap para que las tarjetas salten de línea si no caben.
Ver solución sugerida
Usa align-self para que un solo elemento se alinee distinto al resto.
Ver solución sugerida
Usa flex: 1 para que una caja crezca y ocupe el espacio sobrante.
Ver solución sugerida
Crea una barra de navegación con logo a la izquierda y links a la derecha.
Ver solución sugerida
Ordena visualmente 3 elementos usando la propiedad order sin cambiar el HTML.
Ver solución sugerida
Construye 3 tarjetas iguales en fila con gap y que se centren en el contenedor.