.pagina { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "testa" "contenuto" "lato" "fondo"; gap: 1rem; }
header { grid-area: testa; } main { grid-area: contenuto; } aside { grid-area: lato; } footer { grid-area: fondo; }
.pagina > * { padding: 1rem; border: 1px solid navy; }
@media (min-width: 48rem) {
  .pagina { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-areas: "testa testa" "contenuto lato" "fondo fondo"; }
}