Podemos definir zonas que ocupen varias celdas.
Esto se puede simplificar así y daría el mismo resultado.
Diseño grid con áreas, definimos un grid de 5 columnas y cada columna ocupa una fracción (1fr) es decir divide el ancho en 5 fracciones iguales.
Eliminamos las celdas 6, 7, 8, 9
Creamos la plantilla de las áreas en la hoja de estilos css.
Definimos las áreas.
Vamos a retocarlo un poco y veremos que con grid áreas es muy fácil hacer un diseño web básico.
No hay comentarios:
Publicar un comentario