Distribución de componentes

Aprende a distribuir el contenido de un componente y a ponerlo a prueba. Veremos cuándo usar grid, flexbox y cajas de bloque o en línea. Crearemos una navegación y una lista de tarjetas con una distribución en mosaico.
Columnas para un componente Tarea
Flexbox dentro de grid Tarea
Márgenes y relleno de los enlaces Tarea
Enlaces con cajas de bloque Tarea
Alineación vertical con align-items Tarea
Varias líneas con flex-wrap Tarea
Ancho y relleno de las tarjetas Tarea
Distribución con justify-content Tarea
Separación con margin Tarea
Márgenes y :nth-child Tarea
Pruebas con distintos anchos Tarea
Columnas con repeat y separación con gap Tarea
El valor auto-fit Tarea
La función minmax Tarea
La propiedad grid-column Tarea
La propiedad grid-row Tarea
La propiedad grid-auto-flow Tarea