TUTORIAL: Como construir um menu horizontal com CSS e para que serve o FLEXBOX |
![]() |
#css #webdesign #flexbox
Nesse vídeo vamos construir primeiro um menu horizontal a partir de uma simples lista no HTML (tag ul). Primeiramente vamos desenvolver esse menu sem a utilização do flexbox, mas depois vamos falar da vantagem de se utilizar o display: flex na criação desse menu, ou seja, qual foi o problema que o flexbox veio para resolver. Dessa forma vamos utilizar o display flex com conhecimento de causa e não simplesmente porquê vimos num tutorial qualquer. CAPÍTULOS 00:00 Introdução 00:41 Apresentação do HTML 01:19 Formatação básica do menu com CSS 04:05 Transformar em menu horizontal SEM flexbox 07:01 Por que usar FLEXBOX ? 11:51 Conclusão 🌟 Links comentados no vídeo e outros interessantes 🌟 🎯 Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito https://serfrontend.com/cursos/web-fundamentos-html-css/index.html ✅ 02 - Análise de Portfolio de Iniciante em FRONT END https://youtu.be/2cOK2F0voBk ✅ 01 - Analisando Portfolio de Iniciante em FRONT END https://youtu.be/qfepHZyYhTc ✅ Evite esses Erros na sua Entrevista Técnica https://youtu.be/3CUTiC0_AeQ ✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01 https://youtu.be/uErxkLD9D-k ✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02 https://youtu.be/9IgXYm_b_3k ✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa https://youtu.be/h5zWEe_12sw ✅ O que estudar para conseguir o primeiro emprego como dev front-end https://youtu.be/K3Cm6T6a3pA ✅ Minha experiência como programador front-end https://youtu.be/odIsh2k4iEY ✅ [OPINIÃO] O Programador dependente https://youtu.be/qmjr4yfaX4E |