Veja também ➡️ CSS Grid - Tudo o que precisa saber: ua-cam.com/video/KitbaxPkik4/v-deo.html ➡️ Grid do Bootstrap: ua-cam.com/video/VUAReozpoDo/v-deo.html ➡️ Vídeo sobre as novidades do Bootstrap 5: ua-cam.com/video/pMjFioH3en8/v-deo.html
Cara, o cuidado que vc fez esse vídeo é admirável, aprendi o bendito flex e o grid, nesse seu esquema de mapa mental, eu e meu filho vamos nos escrever e acompanhar as aulas.
Ótimo vídeo! A sequencia seguida para a explicação das propriedades ajudam muito na hora de lembrar o que cada um faz. Verei mais vídeos pela ótima didática aplicada.
Nossa cara, muito obrigada! todos os videos que tinha visto até agora misturavam as propriedades e ficava muito confuso pra entender o que cada uma fazia isoladamente, vc foi absolutamente perfeito! Muito mto obrigada!
Percebi que você é técnico no assunto, isso é muito bom, explica com propriedade. Estou no início da caminhada mas pretendo seguir esse caminho, entender os fundamentos, nada de decoreba.
Rodrigo, obrigado, já tinha visto vários vídeos, mas com sua didática e mapa mental, finalmente posso dizer que entendi flexbox, excelente vídeo, parabéns.
Eu tava tentando entender isso na aula e nunca conseguia entender o assunto. Fiquei semanas na mesma coisa, vim aqui numa parte só do video da minha duvida e já entendi tudo... se eu soubesse, já tinha vindo aqui antes kkkkkkk
Esse vídeo foi perfeito!!!!! Fiz altas anotações e fiquei procurando mais conteúdo desde tipo no canal e não achei 😓. A didática do vídeo está ótima, tá claro e bem explicado. Obrigada 🌸
Que didática maravilhosa. Obrigado ! Faz um vídeo sobre position também, é um assunto bem interessante do CSS3 e também minha maior dor de cabeça! hahahahahahahaha!
Melhor explicação de flexbox que já vi. Teria como compartilhar esse mapa que fez no vídeo? Ou até mesmo um pdf? Ficou muito fácil de entender com esse mapa.
muito bom o vídeo, apenas ficou faltando o space-evenly que ao contrário do space-around, que deixa os espaços antes e após todos elementos iguais entre si, mas diferente em relação aos entre os elementos, o space-evenly deixa todos esses espaços iguais entre si
Certo mas e na hora do projeto mesmo? Por exemplo na hora das media queries como faço pra realocar uma lista ou qualquer outra coisa para um determinado local sem usar position ou transform?Já tinha visto aula de flexbox mas não entendo como fazer na hora do projeto de verdade, em que outros elementos estao na tela tb, e não somente o flex container e item. Alguem pode me ajudar?
Natan, é por que o item 2 tem o "font-size: 3rem" e os outros não .. nesse trecho do vídeo dá pra perceber isso: ua-cam.com/video/WBMN-PcwqG8/v-deo.html
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](/img/n.gif)
Veja também
➡️ CSS Grid - Tudo o que precisa saber: ua-cam.com/video/KitbaxPkik4/v-deo.html
➡️ Grid do Bootstrap: ua-cam.com/video/VUAReozpoDo/v-deo.html
➡️ Vídeo sobre as novidades do Bootstrap 5: ua-cam.com/video/pMjFioH3en8/v-deo.html
Cara, o cuidado que vc fez esse vídeo é admirável, aprendi o bendito flex e o grid, nesse seu esquema de mapa mental, eu e meu filho vamos nos escrever e acompanhar as aulas.
conteúdo simplesmente inédito, aprende mais aqui que em 2h em certos cursos...
Flex box é de leve agr....
Por enquanto o melhor conteudo sobre Flexbox. Tks.
Fico feliz que tenha gostado! Obrigado pelo comentário :)
A melhor aula que já vi sobre o assunto! Parabéns, ótima didática!
Melhor aula de Flex Box que já vi!!!!
quando você organiza o conteudo dessa maneira de mapa mental, fica mt mais facil de entender... obg pela aula!
Conteúdo top. O melhor que encontrei sobre flex até agora.
Show! Fico feliz que tenha gostado :)
Somos dois, melhor explicação sobre flexbox que já vi.
Salvou meu dia 👍
Muito obrigado.. ótima didática..
que aula cara, organizado em mapa mental fica bem mais didático
Vlw amigo..ajudou bastante
Valeu, meu camarada!
Aula melhor que a dos cursos que estou fazendo. As vezes os professores não conseguem ser tão didáticos.
Valeu Charles! Tmj :)
Que aula foda, Deus te abençoe meu amigo. Sou iniciante e tava muito difícil achar um conteúdo bem didático assim. Muito obrigado!!!!
Opa, obrigado! Fico feliz que tenha ajudado :)
Mas não é que mesmo F...! O cara é bão de + da conta
O mais organizado e detalhado q vi sobre flexbox, vc ñ se confundi, e entende de boa cada elemento.
show de bola....vi vários videos... o seu é um dos melhores... se não o melhor...PARABÉNS
Aula top , obrigado
Ótimo vídeo!
A sequencia seguida para a explicação das propriedades ajudam muito na hora de lembrar o que cada um faz. Verei mais vídeos pela ótima didática aplicada.
Valeu Plínio! :)
Nossa cara, muito obrigada! todos os videos que tinha visto até agora misturavam as propriedades e ficava muito confuso pra entender o que cada uma fazia isoladamente, vc foi absolutamente perfeito! Muito mto obrigada!
Valeuu :), fico feliz que tenha gostado!
video muito bom, me ajudou bastate a entender alguns conceitos
Cara, teus vídeos tem me ajudado muito. Tô bem defasado no quesito código e tô tentando me atualizar e teu canal tem me ajudado demais. Obrigado!!
Professor! Muito obrigado por esta aula...vc manda muito bem! Abs
Valeuu Elton! Abs
Percebi que você é técnico no assunto, isso é muito bom, explica com propriedade. Estou no início da caminhada mas pretendo seguir esse caminho, entender os fundamentos, nada de decoreba.
Valeuu Alfredo! 🙂
Amigo, você é 10!
Valeuuu :)
Que aulão, aprendi de + sinceramente.
Pow irmão, fico feliz que tenha te ajudado, um abraço!
Vc foi o único de todos os tutoriais que fez tudo bem esplicado !! Mesmo o conteúdo tendo a dificuldade de ser intuitivo!!
Valeuu! Fico feliz que tenha gostado, Mateus :)
Sua explicação é muito didática, parabéns!
Opa, muito obrigado :)
Rodrigo, obrigado, já tinha visto vários vídeos, mas com sua didática e mapa mental, finalmente posso dizer que entendi flexbox, excelente vídeo, parabéns.
Muito bom o vídeo, parabens!!
Valeu Vinicius! 🙂
Cara eu já sabia quase tudo , mas estava com dúvidas na propriedade flex que é para os itens , mas compreendi perfeitamente agora !! Valeuuuu
Excelente explicação!!
Que massa, já tô escrita
Obrigado Laryssa :)
Baita video bom
Top demais essa aula, sem falar da explicação juntamente com áudio e vídeo, parabéns!
Obrigado Nildo 🙂
Cara... que canal bacana!!!
Bem explicado, com mapa mental e tudo !
Parabens
Pow, muito obrigado Gustavo :), fico feliz que tenha gostado do canal!
tava precisando desse vídeo,parabéns pelo trabalho,sucesso pra vc!
Obrigado Giovanni :), fico feliz que tenha ajudado
Muitooooo bom, Rodrigo!!!! Show! Obrigado :D
Show! Valeuuu Endrio :)
seus vídeos são bons demais continue assim!!
Muito obrigado, Sabrina! 🙂
excelente aula
Conteúdo incrível, parabéns!
Eu tava tentando entender isso na aula e nunca conseguia entender o assunto. Fiquei semanas na mesma coisa, vim aqui numa parte só do video da minha duvida e já entendi tudo... se eu soubesse, já tinha vindo aqui antes kkkkkkk
Aula excelente!
Esse vídeo foi perfeito!!!!! Fiz altas anotações e fiquei procurando mais conteúdo desde tipo no canal e não achei 😓. A didática do vídeo está ótima, tá claro e bem explicado. Obrigada 🌸
Valeuu Safiri 😃, pretendo produzir alguns outros vídeos nesse estilo também, então logo logo tem coisa nova
Show man!!!!!!! melhor explicação...
Valeuu André! Tmj :)
Parabéns pelo conhecimento e muito obrigado pelo excelente conteúdo, mandou bem demais na forma de explicar.
Valeuu Rafael 🙂
Que didática maravilhosa. Obrigado !
Faz um vídeo sobre position também, é um assunto bem interessante do CSS3 e também minha maior dor de cabeça!
hahahahahahahaha!
Kkk valeu Felipe! Pode deixar que vou colocar o position na lista de tutoriais futuros, tmj
Tomara que seu canal cresça bastante.
continua :) faz mais que é muito bacana!
Melhor explicação de flexbox que já vi.
Teria como compartilhar esse mapa que fez no vídeo? Ou até mesmo um pdf? Ficou muito fácil de entender com esse mapa.
Opa, muito obrigado Ruan! Pode deixar, final de semana eu crio um link público para baixar o mapa mental. Fico feliz que tenha gostado!
@@LayerComp obrigado, parabéns pelos vídeos. Muito sucesso.
muito bom o vídeo, apenas ficou faltando o space-evenly que ao contrário do space-around, que deixa os espaços antes e após todos elementos iguais entre si, mas diferente em relação aos entre os elementos, o space-evenly deixa todos esses espaços iguais entre si
Valeu Clash! Realmente eu acabei esquecendo do space-evenly, obrigado pelo comentário
muito top. boa aula
Foi sem dúvida a melhor aula sobre o assunto que já vi aqui no UA-cam, parabéns!
Valeuu Ivan 🙂
Top demais o mapa mental
Qual ferramenta você usou pra fazer ?
Tenho dificuldades em deixar itens com 2 articles sobreposto e 1 aside na lateral, tambem meus textos fogem do container mesmo com position relative😥
Qual app vc usou pra criar o mind map?
Se chama XMind
teria como disponibiliza o mapa mental ?
Opa, na descrição do vídeo tem um link, lá você consegue baixar o mapa mental :)
qual o programa que vc usou pra fazer o mapa mental?
Certo mas e na hora do projeto mesmo? Por exemplo na hora das media queries como faço pra realocar uma lista ou qualquer outra coisa para um determinado local sem usar position ou transform?Já tinha visto aula de flexbox mas não entendo como fazer na hora do projeto de verdade, em que outros elementos estao na tela tb, e não somente o flex container e item. Alguem pode me ajudar?
Já vou baixando o vídeo e deixando o like porque tô sem net kkkkkk
Kkkk valeu mano! Já fiz bastante isso também 🙂
Vou dar like, mas volto com mais calma pra assistir.
qual o nome do programa usadoo para apresentar esse mapa mental do flexbox ? kkk eu nunca soube o nome
XMind :)
alguem sabe informar qual programa ele usou para abrir o mata mental ? pelo word mesmo abre ?
O programa se chama XMind
Qual programar é esse de mapa mental alguém sabe?
XMind o nome do programa :)
mano, como voce bota comentario tao rapido ? atalho ?
No VSCode é Command + / no mac ou Ctrl + / no windows :)
Porque o seu item 2 já fica menor que o 1? Desde o começo do vídeo?
Natan, é por que o item 2 tem o "font-size: 3rem" e os outros não .. nesse trecho do vídeo dá pra perceber isso: ua-cam.com/video/WBMN-PcwqG8/v-deo.html