Os nomes no CSS são geralmente palavras simples que descrevem diretamente o resultado que eles criam-como centro, sob, contêm, clipe, reverter, LTR, sempre, palavra de quebra, oculta, permitir a extremidade, escala, embrulho, suave.Por exemplo, vamos usar colunas de grade-template: repita (preenchimento automático, minmax (8rem, 1fr) minmax (16rem, 2fr)) minmax (8Rem, 1fr) para criar um padrão de colunas estreitas e mais amplas alternadas, onde todas as colunas estreitas e mais amplas, onde todasAs colunas são flexíveis.E queremos que essa funcionalidade seja misturada com todos os outros recursos da grade, incluindo as poderosas opções para definir colunas, abrangência de faixa, posicionamento explícito e subgrade.Eles geralmente descrevem a grade do CSS como inerentemente sobre “alinhar as coisas em duas dimensões” e, como a alvenaria apenas alinha as coisas em uma dimensão, “não é uma grade”.O restante do conteúdo consiste em obras de arte e suas informações: título, artista, ano, médio, número de catálogo e localização.
Fonte: https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/
