Prepare-se para mergulhar fundo nas propriedades de itens do CSS Grid Layout! Nesta aula, Gustavo Guanabara, do Curso em Vídeo, descomplica o posicionamento dos seus elementos. Aprenda a usar grid-row-start, grid-row-end, grid-column-start e grid-column-end de uma forma totalmente nova, usando uma divertida analogia com o clássico jogo Batalha Naval. Entenda a teoria por trás da criação de áreas e prepare-se para a próxima aula prática!
Navegue pelo Vídeo:
00:23 - Boas-vindas e introdução às propriedades de itens.
02:09 - Revisão rápida: Propriedades essenciais de contêineres Grid.
03:20 - Foco da aula: As 4 novas propriedades.
03:39 - Analogia genial: CSS Grid vs. Batalha Naval.
06:10 - Construindo nosso campo: Exemplo prático de grid.
08:15 - Entendendo as linhas e colunas do Grid.
10:53 - Mão na massa: Definindo a "Caixa 1".
14:10 - Definindo a "Caixa 2" no nosso layout.
15:15 - Finalizando o layout com a "Caixa 3".
17:13 - Dica extra: Aprenda Grid jogando!
18:15 - O que esperar da próxima aula prática.
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 #C28A10