HTML & CSS

Propriedades do css grid.

Professor: Djorkaeff Oliveira Passos

 Propriedaes css grid

Grid-template-columns - A grid-
template-columns propriedade que
define o número de colunas no layout
da grade e pode definir a largura de
cada coluna.
 Propriedaes css grid

Grid-template-rows - A grid-
template-rows propriedade define a
altura de cada linha.
 Propriedaes css grid

Grid-gap: A grid-gap propriedade

define o tamanho do intervalo entre
as linhas e colunas em um layout
 Propriedaes css grid
Grid-column- gap & Grid-row-gap : Define o espaçamento entre as colunos ou entre as linhas
 Propriedaes css grid
grid-auto-rows: A grid-template-rows propriedade define a altura de cada linha.

OBS: Minmax – minmax diz o mínimo que um bloco pode ter e o máximo é automático de acordo
com conteudo
 Propriedaes css grid

grid-column: grid-column
especifica o tamanho e a
localização de um item de
grade
 REFERENCIAS

https://www.w3schools.com/css/default.asp

https://
developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout