Olá!
Ao longo dos vídeos me surgiram duas dúvidas:
- A propriedade "grid-area" que atribui um nome ao elemento é boa prática/obrigatória ou posso utilizar o nome da classe diretamente no "grid-template-areas"?
- No exemplo de código a seguir retirado do vídeo, o "grid-template-columns" designa duas colunas com os tamanhos 1fr e 3fr respectivamente, porém, o grid-template-areas define 4 colunas. Como o tamanho da coluna é tratado neste caso, visto que a quantidade definida é diferente da quantidade real?

Agradeço a atenção.