FLEXBOX CSS! Como posicionar elementos na página web - parte 1

[@NickBan]

Pelo amor! Tá dando de mil a zero em muito curso pago por aí! Nasceu para ensinar! Só essa aula mesmo para fazer eu entender este conteúdo! Parabéns e obrigado! Excelente!

[@VekTorugo]

Minha mão até doeu de tanta anotação q fiz kakakakak Obrigado Rafa pela maravilhosa explicação, está ajudando demais. Didática EXCELENTE ❤

Rafa, precisamos desmistificar esse conceito de que professores na área de TI não sabem ensinar, e vc é a maior prova disso. Parabéns pela didática e eloquência maravilhosa ao falar desses conteúdos ♥

[@prisciladarcribeiro4365]

Depois de horas sofrendo sem entender a maneira como o prof "tentou' explicar em aula, compreendi com a sua didática incrível. Show d+.

[@bonekazz-8441]

Rafa e Guanabara, os deuses da didática na programação. Aprendi muita coisa com facilidade graças a vcs dois

[@filipesantos6623]

Esse assunto estava parecendo coisa de outro mundo pra mim, até que encontrei esse vídeo e vi que tudo é muito simples. Obrigado, Rafa! Parabéns pela didática.

[@Jonny0n_3335]

Shift+alt+seta pra baixo = copia a linha e cola na linha de baixo ,então basta criar as três div's assim: main*1>div*3 e depois seleciona as três div's pressiona shift + alt e clica na seta pra baixo que o vscode copias as 3 linhas e cola nas linhas de baixo. Espero ter ajudado.

[@CleberSLeite]

Ótima explicação!, muito bom o conteúdo e super gostoso de acompanhar. Parabéns mocinha :-)

[@francisconascimento8324]

show demais, la atraz no seus quadros tem reliquias do rock, ja vi que tem bom gosto musical além de ser uma ótima profissional ,parabéns!

[@gabrielapaulinideutner3180]

Rafa você é a melhor professora de CSS que eu já conheci, meus parabéns pela didática maravilhosa, aprendi git graças a você e estou aprendendo CSS contigo também! Você é muito maravilhosa

[@laurirodriigues]

Que didádica maravilhosa, faz tudo parecer bem mais fácil. Seus vídeos me ajudam muito, ja to esperando a parte 2 ♥ ♥

[@rafaellaballerini]

aaaaaaaaa muitissimo obrigada Lauri! Fico feliz que tenha gostado

[@rebecaoliveira4047]

Obrigada Rafa, finalmente consegui entender sobre flexbox assistindo seu vídeo.

[@carmemlima7034]

Poxa, que aula!! 👏 Sou iniciante em Html e Css. Estou fazendo um projeto pessoal, que é uma pagina e-commerce, so que nas aulas do curso q estou fazendo e que vi ate agora eu nao aprendi sobre o flex-box, entao eu pedi ajuda ao meu amigo chatgpt kkk e ele me mostrou essa propriedade. So que eu precisava entender bem o que é essa propriedade e caí aqui no seu vídeo. Tô entendendo perfeitamente hahaha, e é maravilhosa essa sensação. Obrigada pelo conteúdo 🎉

[@jonnystwart7832]

Nâo me canso de assistir suas aulas. Explicação SUPIMPA. Meus PARABÉNSSSSS. Sou inscrito há mais de um ano.

[@jerryadrianinho]

Você é show. Já aprendi muita coisa com você. Parabéns. Que Deus abençoe.

[@ManáLocação]

vou dizer uma coisa...ja assisti varios videos no youtube, e em cursos que comprei pela udemy...e nenhum ensinou do jeito dela, tirou duvidas que eu tinha em apenas um video...grato!

[@felfili1]

Obrigado rafa, sempre tive vontade de fazer um curso de HTML e css. Obrigado vc está me proporcionando está felicidade nos meus 50 anos de idade😊

[@TA-NA-MAO1]

ja fiz outros cursos e mds a explicaçao é sensacional parabens

[@JoaoHenrique-gt8lr]

Obrigado Rafa pelo vídeo abriu mais a minha percepção de entendimento de alinhamento no CSS tô anotando tudinho pra aprender mais !!!!!

[@flayer2011]

Nossa que mina sabia inteligente.. parabéns!!!

[@juliana302009]

Salvei para assistir com mais calma, FlexBox não é e jamais será de Deus enquanto eu não entender... Está sendo algo que não entra na minha mente de jeito nenhum... Rafa, vc é maravilhosa...❤️ Didática impecável, já aprendi muito com você, até o FlexBox entrar na minha vida... Então não foi muito que aprendi né? 🤣🤣🤣🤣🤣 Bjos

[@brunoravagnani13]

Com esse vídeo eu consegui entender esse assunto e parar de chutar na hora de codar. Muito obrigado e parabéns pela didática !!!!

[@phillipecsorgohenriques6375]

Foi a melhor video aula de front end que eu já assisti. Você é 10 mina!

[@waltemarcarneiro]

Valeu!

[@pvsoftware]

Impressionado com seu trabalho, tenho 30 anos de atuação na área e vc nos mostra o quanto é importante evoluir, não somente no aspecto profissional mas também em relação a exposição do nosso trabalho, vc é fora de série, continue assim

[@italopagode32]

Aula top, parece um mapa mental para lembra de tudo... Resumindo: o justify-content trabalha na linha horizontal e o align-itens na linha vertical para cada eixo.

[@marcelod.3490]

PQP!!!! Até que enfim alguém explicou essa merda decentemente e com uma dicção de gente. Daria 1000 likes se pudesse

[@h.carvalho7503]

Nossa Rafaella, muito bom. Você não tem noção de como a sua aula me foi reveladora. Aprendi bastante. Obrigado!!!

[@AndersonSantos-py2co]

Que sorriso irradiante! Explicação perfeita, didática leve, iluminou a minha mente!

[@frankrsilva]

procurando um vídeo só pra dar uma revisada em flexbox e me deparo com o da pessoa que eu mais consigo entender, sua didática é a melhor de todas, entendo muito fácil tudo o que você explica

[@rafaellaballerini]

Aaaaaaaaaaa 🥰

[@edimarfilho2692]

Essa garota é incriveeell! Muito obrigado por repassar seus conhecimentos.

[@renatogonzaga1481]

sua didatica é show...fico num tedio ferrado com o cara do curso na udemy, ai venho aqui no seu canal e a coisa desabrocha e fica simples auhhuahua...vc devia vender cursos nessa plataforma, ia facilitar a vida de muita gente

[@nicolasdias3569]

Eu estava estudando posicionamento hoje e me sinto na obrigação de agradecer por esse conteúdo, que ainda por cima é gratuito! Ótimo video e otima didádtica! Se vc fizesse um curso eu assinaria kkkkk

[@michaelvoggel6176]

boa tarde man. estou procurando alguem pra fazer dupla de estudos comigo html css. se tiver interesse responde aqui.

[@LeandroSantos-fj1ft]

​@@michaelvoggel6176 eu tbm mas

[@JoaoPedro-dz4hg]

@@michaelvoggel6176 também

[@marciasimplicio776]

@@michaelvoggel6176 Que legal isso. Uma dica; criem uma conta no discord e estudem por lá. É o melhor. O CSS é um mundo.

[@MegalocefaloBill]

Valeeeeeu. To fazendo um curso online em inglês, mas nada melhor que uma brasileira explicando no bom e velho português do brasa. Sucesso pra você 🙏🏽

[@alanalves5030]

Esse sempre será o melhor vídeo explicando FLEX-BOX

[@andersonvieira7596]

Eu estava procurando esse tipo vídeo estava com dificuldade e agora ficou mais esclarecedor tks 💡✔️

[@portinho199]

Maravilha. Pegar um tópico e destrinchar ele como você fez, faz com que as coisas se esclareçam tremendamente. Eu voto para vc contunuar a produzir videos deste formato, detalhando por tipos de estilo e tags! Grande abraço.

[@animesderrotados8223]

Eu estava procurando exatamente esse tipo de vídeo: organizado, técnico, prático e didático. É muito difícil achar um vídeo com esse tipo de profundidade sobre um assunto específico em css.

[@s0ufeioedai]

Ei mulher, você é incrível demais! sua diádica é fora da curva!

[@julinho7985]

Eu aqui quebrando a cabeça pra entender e a Rafa salvando minha vida em 20minutos 🤯

[@lee-xs8rj]

meu deus eu amooo essa mulheeerr!! nao conhecia align-content e gap, parece q evita tanta dor de cabeça aaaaaaa

[@eduardogalante4733]

Didática perfeita, acompanhando o canal a um tempo e aprendendo muito, informação é tudo.... Ignorância vem através da desinformação....agora tenho como Instrutora da ALURA, perfeito muito bom.... Transição de Quimico bora Desenvolvedor Front-End....😜

[@cicaribeiro7606]

Eu amo seu conteúdo Rafa....Tem me ajudado muito, principalmente no inicio.

[@botelho-s]

Rafa, sua didática é maravilhosa. Finalmente consegui compreender. Obrigada!

[@rosanadeveloper8204]

Simplesmente INCRIVEL sua explicação! obg

[@Felipe.dev_]

Didática maravilhosa, parabéns! Eu surtando nos meus primeiros projetos pra tentar alinhar as coisas, sem dominar nada de flexbox. Está de parabéns pelo conteúdo de qualidade, com frequência vejo alguns vídeos e o seu conteúdo é bastante esclarecedor.

[@chocol4tt]

Thanks!

[@rodrigosandeski6023]

Que diática top, vim do Alura de um curso seu, fiquei um pouco perdido com o flexbox e aqui complementou

[@pythoncomeder]

Top. Depois que aprendi sobre Flexbox os "projetinhos" começaram a fluir.. aprendendo sobre CSS GRID no momento..

[@Alan-jg9xg]

Toda vez que estou mexendo com flexbox eu venho nesse video kkkk. Obrigado por produzi-lo ❤

[@edsongomes6724]

você é fantástica. Parabéns eu passo o dia vendo seus videos e venho aprendendo cada vez mais.

[@thadeurios6664]

Que ótima didática, estou retornando a área de T.I, em especifico front-end. Estudando e absorvendo o máx. possível, mas um conteúdo por vez. Vídeo top. Aguardando os próximos.

[@morenogaucho453]

Essa garota é incrível na maneira que ela sabe ensinar. Parabéns querida, tudo de bom para vc.

[@vinicius.teipei]

Aprendendo com esse vídeo e fazendo um na raça!

[@MarceloFirmino85]

Primeira vez no canal, a didática dela me faz lembrar do Akita, muito top. Parabéns!

[@CGCoringaGamer]

Eu estou fazendo um site para aprender mais sobre o Front End, ontem fiquei até tarde quebrando a cabeça pra tentar deixar o site todo responsivo e tudo alinhado. E hoje, o KZbin me recomenda esse vídeo. Que didática maravilhosa. Já me inscrevi para aprender cada vez mais.

[@FMusicFreeStyle]

Gostei muito bem explicado se eu tivesse certeza que seria minha professora no curso de front-end na alura já tinha me cadastrado lá

[@juliaferreira7707]

me sinto acolhida com o jeito que você explica, muito obrigada !

[@brunosantanadev]

17:53 - Meu Deus quanta coisa kkk Eu falei isso quando conheci o Css Grid, irmão como lembrar de tudo aquilo e detalhe depois de anos sem estudar eu fiquei até triste mais advinha... aprendi assim mesmo kk confesso que fiquei surpreso com a quantidade de propriedades.

[@larioliveiraramos980]

Parabens rafa 💜👏. Sempre procurei por videos assim e com uma boa explicação, e não tive rsultados bons mas finalmente encontrei seu video. Agora sim eu entendi perfeitamente bem como usar cada uma dessas propriedades. Deixei agora as colinhas e aprendi de verdade. Muito obrigada rafa. Parabens. Vc é incrivel e uma ótima didática. Vou super recomendar esse video para meus amigos dev. Excelente. Please, mais videos assim...please 🥺

[@isabellealmeida6292]

Obrigada pelo vídeo esclarecedor, você manda muito bem na explicação.

[@marciasimplicio776]

Sou de back, mas estudei o front, achei mais complicado, mas quando peguei, foi que foi. Muito divertido.

[@gabrieloliveira1951]

Muito bom esse tipo de conteudo É essencial aprender essas propriedades De ppuco a pouco começamos a criar um site sem muitas dificuldades

[@anadycarvalho4925]

Parabéns...Aula Top!!! Obrigada por compartilhar conhecimentos. #partiu assistir parte 2.

[@echeapmidia2009]

Tem pessoas que nasceram com dom pra ensinar parabéns pelo seu conteúdo você faz parecer tudo simples ❤❤❤

[@arthurdias7678]

ai meu deus o tanto que eu bati cabeça no meu técnico tentando alinhar divkkkkkkkk didatica perfeita parabens

[@daviesilvadacruz809]

A melhor aula de Flexbox do youtube

[@fabiojorge8999]

Só tenho que agradecer por tirar um tempinho do seu dia agitado para ensinar sobre esse tema. Com certeza que , além de mim, está ajudando muita gente. Obrigado por sua humildade muita luz em sua vida e trajetória🌟🌟

[@taironiofilho9533]

Eu estou no mercado de desenvolvimento a menos de 6 meses e sempre vejo os videos da Rafa pra tirar dúvidas e aprender mais coisas. Muito grato pelo conteúdo!

[@AndersonSantos-mg8rw]

manooooo que foda, acabei de terminar os 4 modulos que tem disponivél do curso do Gustavo Guanabara e ta faltando ele lançar o quinto que é justamente sobre flex-box e grid-layout, tu explica de uma forma sensacional, tu é mt foda, pprt.

[@edvaldojunior1745]

Nossa! Show de bola sua didática! Conseguir destravar coisas que estavam me desestimulando. Obrigado! Ganhou mais um inscrito.

[@MatheusGoncalves-wl7pp]

Mais didático que isso impossível. Agora esse assunto entra na minha cabeça.

[@viniciussousa2284]

Que didática incrível. Já vi vários vídeos sobre o assunto, mas nem um tão simples como este.

[@rodlima3675]

Rafa isso ajuda muito, no outro video ao qual conheci o flex box fiquei testando as possibilidades dele e me ajudou muito, principalmente o css tricks que sempre vou la ver kkkk

[@jeffersonallan4903]

Cara, sério, tudo se torna mais fácil com essa didática incrível e simpatia que você tem, Rafa, mt obrigado, te desejo todo sucesso do mundo.

[@luizhenrique-bg7ty]

Simplesmente a melhor explicaçao. Parabens. E já obrigado. Pois qualquer dúvida apartir de agora vou procurar por aqui. Estou começando agora programaçao.

[@joaovictorpereiradasneves3145]

Estava totalmente perdido nesse assunto e essa aula esclareceu muito. Obg rafa.

[@AdrianoGDR]

faz 1 ano que eu tento entender assistindo e praticando porém meu flexbox não ficava bacana ao redimensionar a página, depois deste vídeo acredito que formei um mestrado em flexbox rsrs muito obrigado garota, ganhou mais 1 inscrito e parabéns pelo vídeo.

[@thiagosantosa1]

Parabéns pelo conteúdo sou desenvolver front end desde 2005 e flexbox ajuda muito no dia a dia, canal top.

[@wanderleydoprado6247]

Rafa,acompanho o seu canal há muito tempo,mas nunca tinha visto uma explicação tão didática e técnica da sua parte. A sua alegria,juventude,carisma e beleza é cativante.Parabens é desejo cada vez mais sucesso pra você.

[@joaomarcosdefreitasrocha9742]

Um conteúdo que venho tentando entender em semanas, vem a Rafa e me ensina em minutos. kkkk Obrigado Rafa😊😘

[@morales369]

Realmente o único problema de aprender sozinho é saber o que e em que ordem aprender, pois tudo está disponível na internet e seu conteúdo prova isso, didática ótima e prática. Essa aula está muito mais concernente que muitas aulas de cursos caros, sei pois paguei para ver. Parabéns!

[@YasmimSantos637]

A melhor aula de FLEXBOX que eu encontrei ,muito obrigada Rafa💜

[@duckswim]

Ajudou muito mds ,não tinha nenhum conteúdo quase br sobre esse assunto

[@nelsonsoares2281]

Incrível, essa aula me ajudou muito, Obrigado Rafa ansioso pela próxima. Rafa faz um outra série dessa falando sobre css grid, com a sua didática sei que vou poder entender e obrigado por compartilhar esse conhecimento 😊

[@CarlosDaniel_24]

Mais explicado do que isso impossível! 😁 Muita boa sua didática!

[@marcosantoniosouzapereirad6817]

Que vídeo profissional, que explicação completa e ao mesmo tempo fácil de entender.

[@vit0riadominique]

Caramba amei seu canal!! Faço ensino médio integrado com curso de DS desenvolvimento de software/sistemas é uma área mttt daoraaaa!! 💕 Amei que tem pessoas que compartilham suas experiências desse tipo de conteúdo aqui no KZbin!!

[@macbellito]

Tava precisando exatamente disso para o meu site, não tava sabendo alinhar os itens na tela como eu tinha rascunhado no figma, cara da hora esse video, venho na hora certa rafa, e por favor faz um projeto prático tb.

[@rodrigo-tj1gf]

melhor video sobre o assunto disparado, sempre volto aq qnd tenho q ajeitar algo no front end heheheh

[@gustavokazuo1834]

Mano eu sempre entro aqui pra ver alguma coisa de css, quando eu preciso, ótimo vídeo, valeuu

[@valdemirochaves]

Já assisti muitas aulas de flexbox mas esta era a que faltava para eu entender de uma vez por todas. Parabéns pela didática. Obrigado !

[@mrkyotolofi5032]

que pessoal maravilhosa, saiba que você serve de inspiração para muitos devs!

[@TakaMuari]

MULHER VOCÊ É SIMPLESMETE PERFEITA

[@Filipelima06]

Justamente quando eu estava precisando. Obrigado!

[@rafaellaballerini]

aeeeee!!! fico tão feliz

[@joelkofs2011]

Rafaella, sou muito seu fã estou estudando e aprendendo muito com vc, muito obrigado pelo seus videos !

[@IgorAlexandreTV]

Simplesmente maravilhoso;;;; Eu consegui escrever os códigos, e ainda consegui colocar um um event listener pra mudar a cor da caixa e o texto quando vc interage com o mouse....Muito obrigado mesmo... top demais e ganhou mais um escrito....

[@halcsiktecnologia3200]

Muito obrigado pela explicação. Simples, clara e direta. Parabés pelo canal!

[@joao_buda]

ESSE VIDEO É UMA OBRA PRIMA ME SALVA SEMPRE QUE PRECISO PARABENS

[@rafaelmontenegro4749]

Rafa ótimo vídeo, bem explicativo e que dá para compreender bem, ajuda bastante para quem está começando no HTML e CSS, pude aprimorar e lembrar bastante coisa com esse vídeo. Aguardando a parte 2👍🏾👍🏾🧑🏿‍💻