CSS Grid - Tudo o que você precisa saber

Aprenda CSS Grid colocando a mão na massa e fazendo esses testes junto comigo.
Vamos falar sobre a maioria das propriedades, alinhamento, linhas, colunas,
responsividade e muito mais.

Sobre o flexbox -    • CSS Flexbox - Tudo o que você precisa...  

Capítulos:

00:00:00 - Introdução: CSS Grid
00:00:59 - Iniciando com HTML/CSS no Codepen
00:02:36 - CSS Grid vs Flexbox
00:04:33 - Criando o container e filhos no HTML
00:06:20 - CSS Reset básico
00:08:16 - display: grid; no container
00:09:04 - grid-template-columns e grid-template-rows
00:13:00 - grid-auto-rows e grid-auto-columns
00:14:44 - CSS Grid no Google Chrome Developer Tools
00:18:15 - Terminologias e termos de CSS Grid
00:19:14 - grid-gap, gap, row-gap, column-gap
00:21:05 - minmax no CSS Grid
00:23:45 - repeat no CSS Grid
00:25:37 - auto-fill e auto-fit: layout responsivo
00:29:08 - grid-row e grid-column para span (expandir)
00:34:47 - grid-area e grid-template-areas
00:38:35 - Layout com grid-template-areas
00:42:26 - Alinhamento com justify-content
00:46:33 - Alinhamento com align-items e align-content
00:49:37 - Alinhamento com justify-items
00:50:46 - Alinhamento com align-self e justify-self
00:51:41 - Alinhamento: resumo
00:53:14 - Finalizando
00:53:44 - Não esqueça de curtir o vídeo

Cursos de Python e JavaScript / TypeScript com desconto:
https://www.otaviomiranda.com.br/2017...

Twitter:   / otaviomirandabr  

#hashtags