Please enable JavaScript.
Coggle requires JavaScript to display documents.
FLEX GRID :, center, strech, star
and, baseline, space-between, space…
FLEX GRID :
alinhamento
-
-
grid-area
com grid area é possivel criar um "objeto moldavel "
nomeando os itens e depois organizando eles em uma especie de matriz
muito podero mas facil de quebrar
-
-
-
responsividade
minmax(tamanho minimo , tamanho maximo)
-
espaçamentos
gap , column-gap, row-gap
e possivel juntar column-gap com row-gap usando o comando gap passando 2 parametros EX: gap 5px 10px sendo o primeiro parametro correspondente a linha
"Span-grid"
Em uma tabela criada com grid tenho a possibilidade de espandir as linhas e as clunas com:
grid-row, grid-column, grid-start, grid-end, grid-span ....
pratico
repeat(quantidade de repetiçoes , oque sera repetido)
ex: grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr1fr 1fr 1fr 1fr
pode ser resumido em:
grid-template-columns: repeat(10, 1fr)
center, strech, star
and, baseline, space-between, space-arrond, space-evenly
-
-
-
-
-
-
-
-
