Veja também ➡️ CSS Grid - Tudo o que precisa saber: th-cam.com/video/KitbaxPkik4/w-d-xo.html ➡️ Grid do Bootstrap: th-cam.com/video/VUAReozpoDo/w-d-xo.html ➡️ Vídeo sobre as novidades do Bootstrap 5: th-cam.com/video/pMjFioH3en8/w-d-xo.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.
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!
Ó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.
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
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.
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 🌸
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
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.
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!
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: th-cam.com/video/WBMN-PcwqG8/w-d-xo.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: th-cam.com/video/KitbaxPkik4/w-d-xo.html
➡️ Grid do Bootstrap: th-cam.com/video/VUAReozpoDo/w-d-xo.html
➡️ Vídeo sobre as novidades do Bootstrap 5: th-cam.com/video/pMjFioH3en8/w-d-xo.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 :)
Muito obrigado.. ótima didática..
Melhor aula de Flex Box que já vi!!!!
Vlw amigo..ajudou bastante
quando você organiza o conteudo dessa maneira de mapa mental, fica mt mais facil de entender... obg pela aula!
Salvou meu dia 👍
que aula cara, organizado em mapa mental fica bem mais didático
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 :)
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.
A melhor aula que já vi sobre o assunto! Parabéns, ótima didática!
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
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!
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
Ó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! :)
video muito bom, me ajudou bastate a entender alguns conceitos
Professor! Muito obrigado por esta aula...vc manda muito bem! Abs
Valeuu Elton! Abs
Aula top , obrigado
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
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! 🙂
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 :)
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!!
Amigo, você é 10!
Valeuuu :)
Que aulão, aprendi de + sinceramente.
Pow irmão, fico feliz que tenha te ajudado, um abraço!
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
Sua explicação é muito didática, parabéns!
Opa, muito obrigado :)
Que massa, já tô escrita
Obrigado Laryssa :)
Top demais essa aula, sem falar da explicação juntamente com áudio e vídeo, parabéns!
Obrigado Nildo 🙂
Excelente explicação!!
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 :)
Parabéns pelo conhecimento e muito obrigado pelo excelente conteúdo, mandou bem demais na forma de explicar.
Valeuu Rafael 🙂
Foi sem dúvida a melhor aula sobre o assunto que já vi aqui no TH-cam, parabéns!
Valeuu Ivan 🙂
seus vídeos são bons demais continue assim!!
Muito obrigado, Sabrina! 🙂
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 :)
continua :) faz mais que é muito bacana!
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
excelente aula
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.
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
Baita video bom
Tomara que seu canal cresça bastante.
Conteúdo incrível, parabéns!
Aula excelente!
Tenho dificuldades em deixar itens com 2 articles sobreposto e 1 aside na lateral, tambem meus textos fogem do container mesmo com position relative😥
muito top. boa aula
Top demais o mapa mental
Qual ferramenta você usou pra fazer ?
Qual app vc usou pra criar o mind map?
Se chama XMind
qual o programa que vc usou pra fazer o mapa mental?
teria como disponibiliza o mapa mental ?
Opa, na descrição do vídeo tem um link, lá você consegue baixar o mapa mental :)
Vou dar like, mas volto com mais calma pra assistir.
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?
qual o nome do programa usadoo para apresentar esse mapa mental do flexbox ? kkk eu nunca soube o nome
XMind :)
Já vou baixando o vídeo e deixando o like porque tô sem net kkkkkk
Kkkk valeu mano! Já fiz bastante isso também 🙂
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: th-cam.com/video/WBMN-PcwqG8/w-d-xo.html