Layout con grid-template-areas

headergrid-area: header

navgrid-area: nav

maingrid-area: main — cambia el tamaño con los botones de dispositivo

asidegrid-area: aside

footergrid-area: footer