🖥️ Demonstração

Você pode acessar o projeto clicando aqui.

Learn-CSS-Grid

Aprendizado de CSS Grid: Grid-template-area, Grid-area, Grid-column, Grid-row e Media Queries

Aprendendo a utilizar CSS Grid com youtuber Nasser Yousef Ali

Neste exemplo temos 3 colunas:
Em sua visualização normal (em telas maiores que 820px) é possivel ver 3 colunas no container,
Ao diminuir a tela pra menos de 820px(Width) a container se ajusta ficando apenas 2 Colunas, e
Ao diminuir pra menos de 520px(Width) o container se ajusta para Apenas 1 coluna.

sua visualização pode ser testada aqui:

https://guilhermesdb.github.io/Learn-CSS-Grid/