- Como você alinha o conteúdo em uma grade?
- Como você exibe as coisas na grade?
- Como você define a área de grade?
Como você alinha o conteúdo em uma grade?
Uma das maneiras mais fáceis de centralizar o conteúdo dos itens da grade é usar o Flexbox. Defina a tela como "grade" para o recipiente de grade e "flex" para itens de grade. Em seguida, adicione as propriedades alinhadas e justificadas do conteúdo.
Como você exibe as coisas na grade?
Para começar, você deve definir um elemento de contêiner como uma grade com exibição: grade, defina os tamanhos da coluna e da linha com colunas de grade-template e linhas de placa de grade e, em seguida, coloque seus elementos filhos na grade com grade-coluna e grade-linha . Da mesma forma ao Flexbox, a ordem de origem dos itens da grade não importa.
Como você define a área de grade?
Uma área de grade é uma ou mais células de grade que compõem uma área retangular na grade. As áreas de grade são criadas quando você coloca um item usando a colocação baseada em linha ou ao definir áreas usando áreas de grade nomeadas. As áreas de grade devem ser de natureza retangular; Não é possível criar, por exemplo, uma área de grade em forma de T ou L.