Summary
Keywords
Full Transcript
Este vídeo é uma aula prática sobre a criação de um menu responsivo com flexbox e media queries em HTML e CSS. O instrutor demonstra como adaptar o layout do menu para diferentes tamanhos de tela, garantindo uma experiência de usuário ideal em dispositivos móveis, tablets e desktops. Assuntos Abordados: 0:00 - Introdução ao exercício de menu responsivo com flexbox 0:36 - Importância de entender a teoria antes da prática 1:02 - Adição de media queries para telas menores 1:24 - Discussão sobre a combinação de flexbox e media queries 2:13 - Anúncio do curso de análise de dados com BI da Recode 3:13 - Demonstração do projeto em diferentes tamanhos de tela 3:50 - Identificação do problema de quebra do menu em telas pequenas 4:18 - Implementação de media queries para corrigir o layout em dispositivos móveis 6:31 - Mudança na direção do menu para telas menores 7:04 - Ajuste no layout do cabeçalho para telas menores 8:35 - Menção ao exercício anterior sobre menu hambúrguer 9:27 - Adição de sombra ao texto 10:00 - Comparação de diferentes opções de layout de menu 10:46 - Revisão do código HTML e CSS 11:21 - Chamada para interação com o vídeo (curtir, comentar, compartilhar) 11:58 - Conclusão e convite para o próximo exercício 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 #C27A13
