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