Summary
Keywords
Full Transcript
Aula prática do Capítulo 29 (HTML5/CSS3): adaptamos o portfólio para telas maiores usando mobile-first, CSS Grid, media queries e sticky header; ajustamos layout (ficha × detalhes), calculamos offsets e finalizamos com commit no GitHub. Tópicos abordados 00:00 - Intro: objetivo do capítulo 29 00:17 - Boas-vindas e contexto do módulo 00:33 - Filosofia mobile-first aplicada ao projeto 00:46 - Uso de CSS Grid para layout fluido 01:01 - Observação sobre hospedagem (GitHub Pages) 02:04 - Revisão: menu funcional e scroll suave 02:28 - Mudança: vamos editar style.css 02:33 - Media query principal (breakpoint 768px) 03:21 - Configuração de sections: ficha e detalhes 04:01 - grid-template-columns: reorganizando colunas 05:04 - Atribuição de grid-column para ficha e detalhes 06:20 - sticky na ficha em telas grandes e cálculo do offset (65px) 08:10 - Commit no GitHub: responsividade e telas maiore} 08:30 - Próximo vídeo: modo claro/escuro e encerramento 10:09 - Encerramento 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 #C29A12
