CSS GRID

GRID

• Bimensional
• Divisão de toda a página em linhas e colunas
• Colocar elementos onde quiser nessa divisão

--

GRID OU FLEXBOX

• Grid: Duas dimensões (colunas e linhas)
• Flexbox: Uma dimensão (ou coluna ou linha)
• Uma completa o trabalho do outro
• Verificar quais navegadores ainda não estão aceitando o Grid

--

PROPIEDADES

CONTAINER

• display: grid;
• grid-template-colums;
• grid-template-rows;
• grid-gap
  • grid-row-gap;
  • grid-column-gap;
• grid-template-areas;

... e mais 4 propiedades e alinhamentos