Scribd
Carregar
26 visualizações4 páginas

CSS Grid em HTML

CSS GRID EM HTML, SLIDE SOBRE O QUE FOI USADO E COMO

Enviado por

Isa Kuroki
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
26 visualizações4 páginas

CSS Grid em HTML

CSS GRID EM HTML, SLIDE SOBRE O QUE FOI USADO E COMO

Enviado por

Isa Kuroki
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

CSS GRID

EM HTML
Aluna: Isabella dos Santos
CARACTERÍSTICAS

01 02

Geralmente tem 12 Simplifica o processo de


colunas divisão do espaço em colunas
e linhas

04 03

Garante que todos os


elementos estejam alinhados Nos deixa sobrepor itens
a uma grade de linha de base intencionalmente
PRINCIPAL DIFERENÇA

Flexbox é uma solução unidimensional para layout, lidando


com o posicionamento de elementos em apenas uma direção,
linha ou coluna. Já o Grid é uma solução bidimensional para
layout, que lida com a posição de elementos em duas
direções, linha e coluna.
O flexbox é melhor para designs simples e responsivos, e o
grid, para designs complexos e precisos.
PRINCIPAIS PROPRIEDADES

● display: grid define o elemento como um container de


grid.
● grid-template-columns define o número e a
largura das colunas.
● grid-template-rows define o número e a altura das
linhas.
● grid-template-areas define as áreas do grid.
● grid-gap define o espaçamento entre as células do grid.

Você também pode gostar