CSS Grid Layout

Mostramos como usar o sistema de layouts do CSS para o display de ítens em forma de grade (tabelas), sem usar o elemento "table" do html como antigamente, mas com todos os recursos e até muito mais felxibilidade, somente modificando o CSS e mantendo a semântica do nosso documento. O CSS3 Grid Layout é relativamente pouco usado, porque as pessoas se acostumaram a usar frameworks CSS como bootstrap ou bulma para fazer os seus layouts, mas podemos ter controle total com CSS puro, sem javascript ou qualquer framework, suportado pelos principais navegadores da atualidade.

Alguns links:
https://developer.mozilla.org/pt-BR/d...
https://drafts.csswg.org/css-grid/
https://learncssgrid.com/
https://gridbyexample.com/examples/
https://css-tricks.com/snippets/css/c...
https://www.origamid.com/projetos/css...
http://grid.malven.co/
https://www.smashingmagazine.com/2018...
https://developer.mozilla.org/en-US/d...

Veja alguns livros de minha autoria:

Meu livro sobre o NodeJS:
https://www.amazon.com.br/dp/B01LZMH242

Meu livro de javascript: https://www.amazon.com.br/dp/B077Z86X6Y

Meu livro sobre a linguagem C:
https://www.amazon.com.br/dp/B078WKK8KQ

Meu livro mais vendido:
"Programando aplicações com AngularJS"
https://www.amazon.com.br/dp/B0189PK16U