Oi, tudo bem?
Eu vi nos exemplos nas aulas que algumas classes do css, que tem a propriedade grid, é usado o grid-template-areas e outras não. Com isso contextualizado, quando é usado essa propriedade? Em qual situação usar? Obrigado pela ajuda.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Oi, tudo bem?
Eu vi nos exemplos nas aulas que algumas classes do css, que tem a propriedade grid, é usado o grid-template-areas e outras não. Com isso contextualizado, quando é usado essa propriedade? Em qual situação usar? Obrigado pela ajuda.
Olá Leonardo, tudo bem?
Grids podem ser utilizados tanto para o design de layouts divididos em seções bem definidas, como também em pequenos elementos de interface.
Utilizamos o grid-template-areas quando queremos especificar exatamente quais serão as áreas do nosso layout, por exemplo:
header, sidebar, main, footer, etc..
Vou deixar dois links onde você pode ler mais sobre o CSS Grid:
CSS Grid Layout - Developer Mozilla
Espero ter te ajudado, bons estudos!