- Bimensional
- Divisão de toda a página em linhas em colunas
- Colocar elementos onde quiser nessa Divisão
- Grid: Duas dimensões (colunas e linhas)
- flexbox: uma dimensão (ou coluna ou linha)
- um complementa o trabalho do outro
Vamos separarar em 2 grupos:
container
e item(s)
- display: grid;
- grid-template-columns;
- grid-template-rows
- grid-gap
- grid-row-gap
- grid-column-gap -grid-template-areas;
... e mais 4 propriedades e alinhamento
- grid-column
- grid collumn-start
- grid collumn-end
- grid-row -grid-row-start -grid-row-end
- grid-area