Alinhamento nos eixos Flexbox - @CursoemVideo HTML5 + CSS3
Vložit
- čas přidán 25. 07. 2024
- Você sabe usar as propriedades Flexbox justify-content e align-items? Sabe a diferença entre valores de alinhamento flex-start, flex-end, center, space-between, space-evenly e space-around? Sabe como fazer o alinhamento nos eixos principal e transversal do Flexbox? Veja nesse vídeo a resposta para essas e muitas outras perguntas.
Tópicos desse vídeo:
00:00 - Alinhamento nos eixos Flexbox
01:53 - Cursos que podem ajudar na sua carreira
02:52 - Uma revisão rápida
04:25 - Alinhamento no eixo principal
05:34 - justify-content: flex-start
07:00 - justify-content: flex-end
07:38 - justify-content: center
08:31 - justify-content: space-between
09:22 - justify-content: space-evenly
10:08 - justify-content: space-around
11:01 - Comparando os resultados
12:10 - E quando muda a direção dos eixos?
13:53 - Ajude o projeto do Curso em Vídeo
14:32 - Exercício prático com alinhamentos
16:03 - Testando os alinhamentos que aprendemos
18:09 - Alinhamento no eixo transversal
19:07 - align-items: stretch
19:44 - align-items: flex-start
20:24 - align-items: flex-end e center
21:16 - Teste prático do align-items
22:22 - Está tendo alguma dificuldade?
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: github.com/gustavoguanabara/h...
Receba notificações de novos vídeos:
== Canal no Telegram: t.me/cursoemvideo
Acompanhe todos os vídeos do Módulo 1 do Curso de HTML5 e CSS3:
== Módulo 01: • Curso completo e atual...
Acompanhe todos os vídeos do Módulo 2 do Curso de HTML5 e CSS3:
== Módulo 02: • Curso HTML5 e CSS3 - M...
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 03: • Curso HTML5 e CSS3 - M...
Acompanhe todos os vídeos do Módulo 3 do Curso de HTML5 e CSS3:
== Módulo 04: • Curso HTML5 e CSS3 - M...
Consiga certificados fazendo o curso diretamente pelo site oficial do projeto:
== Site: www.cursoemvideo.com
Torne-se apoiador do projeto:
== Acesse: www.cursoemvideo.com/apoie
Siga-nos nas redes sociais:
== Gustavo Guanabara no Instagram: / gustavoguanabara
== Curso em Vídeo no Instagram: / cursoemvideo
== Hostnet no Instagram: / hostnetbr
== Estudonauta no Instagram: / estudonauta
Conheça os patrocinadores desse curso:
== HOSTNET: www.hostnet.com/cursoemvideo
== RECODE: www.recode.org.br/novidades
== ESTUDONAUTA: www.estudonauta.com/cursoemvideo
#cursohtml5css3 #modulo05 #C27A04
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](/img/n.gif)
Já estou em dia com o Curso, custou chegar até aqui, mas valeu a pena
Bora rapaziada pra cima
Sou super fã desse cara... Professor Guanabara o melhor que há... Professor Guanabara, o material de apoio parou no 20 Mini projecto Cordel, da uma actualizada por favor
Obrigado professor por todo aprendizado que você me ensinou até hoje já consegui os certificados do módulo 1, 2 e 3 estou um pouco atrasado no 4 e 5 mais assim que puder vou retomar os estudos
Eu tomei um susto. Simplesmente o módulo 5 do curso de html 3 css. Ja esta na quarta aula, vou ter que começar agora mesmo!
Eu só vi até o módulo 4 do novo HTML, vou ver se vou assistindo esse último módulo. Eu comecei na área de TI com seu curso de HTML antigo, até hoje tenho no meu HD o seu site do Google Glass. Fiz a maioria dos seus cursos mais antigos.
Fantastico esse curso
Explicação top da diferença dos spaces 💯
ótima aula!
Muito boa essa aula
Ótima didática, Mestre!
Valeu pela aula professor, aula excelente!!!
NINJA DA PROGRAMAÇAO
brabo!
Comecei seu curso de Python em 2021 qnd tinha 13 anos.
Só gratidão mestre 🤝❤
Olá,você já trabalha no ramo? como está essa area hoje em dia ?
Parabéns 👏
Vídeo bastante interessante, mas estou esperando os vídeos de display grid
depois deste módulo faz um curso de SQL por favor🙏
Material de apoio parou no capítulo 20. (link da descrição). Gente vamos curtir e pedir pro Guanabara atualizar?
Finalmente módulo 5?
Boa tarde professor
Pq ao invés de usar justify-content com start ou end, nao usamos por exemplo apenas row ou row-reverse?
Kd o material em pdf ???
O flex-box pode substituir o position ?
são coisas diferentes, mas pode sim, principalmente se for em layout, o jeito certo é com flex ou grid
Não