CSS Grid Layouts: Guia Atualizado e Definitivo! Não tem como sair dessa aula sem dominar CSS GRID!
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- 🔥 Garanto que você nunca viu alguém explicar CSS Grid Layouts dessa forma. Este vídeo é seu guia completo para dominar um dos sistemas de layout mais poderosos no design web moderno.
Aula CSS GRID LAYOUTS na Prática: • CSS GRID LAYOUTS NA PR...
👉 Não esqueça de dar um like e deixar um comentário se você achou este tutorial útil. Seu feedback nos ajuda a criar mais conteúdo que você ama!
📸 Instagram: / uicodeoficial
Doc MDN CSS Grid: developer.mozilla.org/pt-BR/d...
00:00 - Grid layouts
01:12 - Racha-Cuca
02:28 - Conceitos
04:12 - Aviso
04:52 - Estrutura básica
05:30 - Display grid
06:17 - grid-template-columns
08:12 - Unidades de medida
11:51 - Unidade Fr
15:30 - Função repeat()
17:10 - Função minmax()
18:50 - grid-template-rows
21:12 - grid-auto-rows
23:00 - grid-auto-columns
25:21 - Gap
26:10 - Align-items e Justify-items
27:31 - Align-self e Justify-self
28:50 - Grid-column-start e Grid-column-end
30:24 - Grid-lines
32:04 - Span
33:25 - Grid-row-start e Grid-row-end
34:37 - Sobreposições e z-index
35:50 - Grid-template-areas
40:14 - Bônus: Aula prática
Aula de CSS Grid na Prática:
th-cam.com/video/JkgFnNBNV3o/w-d-xo.html
👏🏻 muito bom
👏 'Promo SM'