Curso HTML5 e CSS3.- Módulo 5 de 5 - CSS Grid Layout na prática (parte 3) - @CursoemVideo HTML5 + CSS3

Chegou a mais uma oportunidade de colocar a mão na massa com CSS Grid Layout! Nesta aula prática do Curso em Vídeo, Gustavo Guanabara guia você na aplicação das propriedades grid-template, place-items, place-content e muito mais. Aprenda a usar a função repeat(), domine a unidade de fração (FR) para criar layouts flexíveis e descubra como o grid-auto-flow pode mudar a forma como seus itens são organizados. Prepare seu editor e vamos codificar juntos! Navegue pelo Vídeo: 00:00 - Introdução: Mão na Massa com Grid Layout! 01:17 - Propriedades que vamos praticar hoje. 03:50 - Preparando o projeto: Duplicando e organizando. 06:11 - Simplificando o CSS: Shorthands em ação. 09:23 - Grid Implícito: Entendendo grid-auto-rows. 11:03 - Controlando a direção com grid-auto-flow. 13:27 - Otimizando com a função repeat(). 13:52 - Dominando as Frações (FR) nas colunas. 16:06 - Combinando unidades: px, % e FR. 18:24 - Preparação para grid-template-areas. 19:55 - Encerramento e dicas para os estudos. O Curso de HTML5 e CSS3 vai ensinar a criar sites usando a linguagem de marcação hipertexto (HTML) e folhas de estilo em cascata (CSS), todas em suas versões mais recentes. Neste curso, o Professor Gustavo Guanabara criou um conjunto de vídeos, exercícios, desafios e um material de apoio em forma de e-book com 30 capítulos ao todo. Acesse o material de apoio em PDF: == GitHub: https://github.com/gustavoguanabara/html-css/tree/master/aulas-pdf Receba notificações de novos vídeos: == Canal no Telegram: https://t.me/cursoemvideo Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3: == Módulo 01: https://www.youtube.com/playlist?list=PLHz_AreHm4dkZ9-atkcmcBaMZdmLHft8n Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3: == Módulo 02: https://youtube.com/playlist?list=PLHz_AreHm4dlUpEXkY1AyVLQGcpSgVF8s Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3: == Módulo 03: https://www.youtube.com/playlist?list=PLHz_AreHm4dmcAviDwiGgHbeEJToxbOpZ Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3: == Módulo 04: https://www.youtube.com/playlist?list=PLHz_AreHm4dkcVCk2Bn_fdVQ81Fkrh6WT Consiga certificados fazendo o curso diretamente pelo site oficial do projeto: == Site: https://www.cursoemvideo.com Torne-se apoiador do projeto: == Acesse: https://www.cursoemvideo.com/apoie Siga-nos nas redes sociais: == Gustavo Guanabara no Instagram: https://www.instagram.com/gustavoguanabara == Curso em Vídeo no Instagram: https://www.instagram.com/cursoemvideo == Hostnet no Instagram: https://www.instagram.com/hostnetbr == Estudonauta no Instagram: https://www.instagram.com/estudonauta Conheça os patrocinadores desse curso: == HOSTNET: https://www.hostnet.com/cursoemvideo == RECODE: https://www.recode.org.br/novidades == ESTUDONAUTA: https://www.estudonauta.com/cursoemvideo #cursohtml5css3 #modulo05 #C28A09