CSS Flexbox - Tudo o que você precisa saber

Você tem dúvidas sobre qualquer parte do CSS Flexbox? Dúvidas no Eixo principal, eixo transversal, alinhamento, responsividade, entre outras? Depois desse vídeo, te garanto que você vai usar o Flexbox com muito mais confiança. Nada de ficar chutando align-items e justify-content aleatoriamente até acertar.

Bora aprender?

Cursos de Python e JavaScript / TypeScript com desconto:

#css #flexbox #html

[navegandoemcdgos]

50:40 É desse jeito que gosto, conteúdo profundo!

Aproveitei para listas o tempo de da tópico da aula:

0:00 - Introdução
0:30 - O que é flexbox?
1:36 - Criando o HTML
3:40 - Estilizando o CSS
5:00 - display: flex;
6:40 - flex-direction: row;
10:30 - justify-content
14:50 - flex-direction: row-reverse;
15:59 - flex-direction: column;
18:39 - gap
20:19 - align-items
25:54 - flex-wrap
28:00 - flex-flow
28:55 - align-content
31:38 - order
36:10 - flex-grow
39:14 - flex-shrink
41:45 - flex-basis
44:00 - Shorthand flex
45:32 - align-self
46:49 - centralizar um elemento usando o flex
48:23 - Tornar um flex-item em flex

[queirozm.santana]

grato pela aula prof. Queiroz de Angola, em breve serei seu aluno de react, tou lutando pra conseguir uma grana

[felipequeiroz]

Olá professor sou seu aluno de javascript e typescript, sou grato pelas aulas aqui do youtube e da udemy, muito conteúdo de qualidade!

[guimaraesflavio]

Você precisava criar um curso de como dar cursos!!!
Parabéns pela didática, primeiro vídeo sobre flex box que realmente explica o comportamento e não fica só descrevendo funções!

[flavianofreire]

mano, que isso, segundo video qu vejo seu, to parando no meio do video pra dizer que vc explica muito bem, isso tava dando m nó na minha cabeça ajudou muito. valeu

[DeVictor]

Voltando aqui pra agradecer, só com essa aula consegui dominar de verdade o display flex, ótima didática !

[wanielle_]

Pela primeira vez vi minha vida toda sendo resolvida nos primeiros 10 minutos de vídeo! Gratidão! Conteúdo incrível, 50 minutos de puro aprendizado!

[NayTN]

Valeu mestre😀. Excelente aula. Sugestão: Colocar na descrição do vídeo o link da playlist em que esse vídeo está.

[natanrelva]

Nossa, você não sabe o tanto que carinho que tenho por você mestre. Até hoje me ajudando, sucesso amigo .

[ricardoferreira]

Aula excelente, sem dúvida umas das melhores que tem aqui no YT !!!

[wevertonsilva]

Muito bom, sempre com uma ótima didática!
parabéns, e obrigado pelo conteúdo.

[JeanOmeg]

Sou aluno do curso de javascript e python lá da udemy, vc eh o melhor professor, parabéns e muito obrigado mestre 😁

[app]

Muito boa guerreiro, já comprei vários cursos seu sempre com uma qualidade absurda super incrível!🎉

[tiagof]

Assisti um aula de mais de 2h em outro canal e sai meio perdido. Não foi ruim de tudo, mas com essa aula, só os primeiros 20 min. foram mais q suficientes para entender. Essa do eixo principal e transversal foi demais! Os detalhes q fazem a gente pensar como as coisas funcionam. Agora, não tem como esquecer. Valeu!

[viniciusaraujo]

Obrigado por essa video aula sobre display flex! Aprendi muito sobre como usar essa propriedade para organizar elementos HTML de maneira mais eficiente e flexível. Fiquei surpreso com a quantidade de opções e recursos disponíveis para trabalhar com o flexbox e como eles podem ser facilmente aplicados em projetos web. Agradeço pela clareza e paciência ao explicar cada conceito e exemplo. Estou ansioso para colocar em prática o que aprendi e continuar aprendendo mais sobre essa poderosa ferramenta de design web. Muito obrigado! Comprei um dos seus cursos na Udemy.

[dansurf]

Muito obrigado, por esse resumo, já sabia digamos 50% do flexbox, depois desse vídeo cheguei a 99%, o outros 1%, será fazendo na prática .

[diegoredeti]

Obrigado pela excelente explicação professor, eu estava com dificuldade em compreender esses conceitos.

[hgkillergames]

Top Top de mais valeu man, estava a algum tempo atrás de uma explicação assim, simples e direta, ganhou um inscrito.😅😅😅😅

[erike]

Cara... que aula sensacional, esclareceu muita coisa. Valeu mestre Otavio!

[fernandoi.kobayashi]

Obrigado pela aula, bem didático. Muitas coisas que eram nebulosas para mim foram sanadas.