Aprendendo

Estudando as propriedades grid-template-columns e grid-template-rows com o objetivo de compreender como definir a quantidade e o tamanho das colunas e linhas em um layout de grid.

Primeiro Grid Layout

Três colunas e três linhas

A
B
C
D
E
F
G
H

Segundo Grid Layout

Quatro colunas e três linhas

A
B
C
D
E
F
G
H

Terceiro Grid Layout

Duas colunas e linhas automáticas

A
B
C
D
E
F
G
H