Distribución general de la página

Conoceremos el modelo de cajas y el flujo. Aprenderemos a distribuir los elementos según un diseño de referencia, a controlar los márgenes y el relleno, a centrar elementos y a crear columnas con Grid y flexbox.
El modelo de cajas Tarea
El flujo Tarea
La distribución y el diseño de referencia Tarea
La propiedad display: tipos de caja Tarea
grid-template-columns: la plantilla del contenedor grid Tarea
La propiedad padding: el relleno Tarea
La propiedad margin: los márgenes Tarea
fr: una fracción del espacio disponible Tarea
La propiedad gap: espacio entre elementos grid Tarea
Terminamos la primera página Tarea
Usamos flexbox Tarea
La propiedad width: el ancho del elemento Tarea
justify-content: distribución en el eje principal Tarea
Márgenes automáticos Tarea
Agregamos un contenedor Tarea
Creamos columnas en el pie de página Tarea
Distribuimos las columnas del pie Tarea
Alineamos un elemento en vertical Tarea