Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Menu Responsivo com Flexbox e Media Queries na Prática - @CursoemVideo HTML5 + CSS3
Play lesson

Curso HTML5 e CSS3.- Módulo 5 de 5 - Menu Responsivo com Flexbox e Media Queries na Prática - @CursoemVideo HTML5 + CSS3

4.0 (1)
26 learners

What you'll learn

This course includes

  • 13.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere