CSS Grid - Crie Layouts Responsivos

Neste vídeo mostro na prática como utilizar todas as propriedades que englobam o CSS Grid. Isso vai facilitar muito sua vida na hora de criar layouts responsivos.

Baixe o mapa mental
🔴 https://layercomp.net/css-grid-tudo-o...

✅ VEJA TAMBÉM
▸ CSS Flexbox - Aula Completa:    • FLEXBOX CSS - TUDO O QUE PRECISA SABER  
▸ 5 cursos grátis de programação:    • 5 Cursos GRÁTIS de Programação - Aprenda a...  
▸ Aprender Front-end em 3 meses, é possível?:    • Aprender FRONTEND em 3 MESES - É POSSÍVEL?  

✅ INSCREVA-SE NO NOSSO CANAL!
http://youtube.com.br/c/layercomp?sub...

✅ SIGA-NOS NAS REDES SOCIAIS!
https://layercomp.net/links

🔴 MEU SETUP
https://layercomp.net/setup

00:00 Instruções
00:25 O que é o CSS Grid?
00:47 Mapa mental
01:34 Como CSS Grid se divide
02:10 display grid e inline-grid
03:36 grid-template-columns
05:00 fr
06:22 repeat()
07:55 minmax()
09:27 auto-fit()
11:19 grid-template-rows
12:58 column-gap e row-gap
13:34 gap
14:07 grid-auto-columns e grid-auto-flow
17:28 grid-auto-rows
18:11 grid
18:57 justify-content e align-content
25:34 justify-items e align-items
27:27 grid-template-areas
30:07 grid-area
31:13 grid-template
32:15 grid-column
33:38 grid-row
34:35 justify-self e align-self

#css #grid