grid-template-areas ti permette di creare il layout di una griglia visivamente assegnando nomi alle regioni, rendendo i layout complessi di pagina leggibili e facili da riorganizzare in modo responsive.
Definire aree nominate
{
: grid;
: fr;
: auto fr auto;
:
;
: ;
}
{ : header; }
{ : sidebar; }
{ : main; }
{ : footer; }
