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

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 452

  • @NickBan
    @NickBan Год назад +13

    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!

  •  2 года назад +101

    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 ♥

  • @Jonny0n_3335
    @Jonny0n_3335 6 месяцев назад +5

    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.

  • @prisciladarcribeiro4365
    @prisciladarcribeiro4365 8 месяцев назад +2

    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
    @bonekazz-8441 2 года назад +38

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

  • @filipesantos6623
    @filipesantos6623 9 месяцев назад +4

    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.

  • @arthurdias7678
    @arthurdias7678 2 года назад +3

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

  • @evertoncosta9701
    @evertoncosta9701 Год назад +1

    Alguém que está começando agora e quer fazer dupla de estudos comigo? Que conteúdo massa!

  • @gabrielapaulinideutner3180
    @gabrielapaulinideutner3180 10 месяцев назад +3

    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
    @laurirodriigues 2 года назад +137

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

    • @rafaellaballerini
      @rafaellaballerini  2 года назад +12

      aaaaaaaaa muitissimo obrigada Lauri! Fico feliz que tenha gostado

  • @rebecaoliveira4047
    @rebecaoliveira4047 11 месяцев назад +1

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

  • @flayer2011
    @flayer2011 2 года назад +3

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

  • @marcelod.3490
    @marcelod.3490 2 года назад

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

  • @TA-NA-MAO1
    @TA-NA-MAO1 Месяц назад

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

  • @julinho7985
    @julinho7985 2 года назад

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

  • @carmemlima7034
    @carmemlima7034 11 месяцев назад +1

    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 🎉

  • @JoaoHenrique-gt8lr
    @JoaoHenrique-gt8lr 2 года назад

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

  • @pvsoftware
    @pvsoftware 2 года назад +7

    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

  • @renatogonzaga1481
    @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

  • @luizhenrique-bg7ty
    @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.

  • @juliaferreira7707
    @juliaferreira7707 Год назад

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

  • @felfili1
    @felfili1 9 месяцев назад

    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😊

  • @jonnystwart7832
    @jonnystwart7832 Год назад

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

  • @phillipecsorgohenriques6375
    @phillipecsorgohenriques6375 2 года назад

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

  • @jerryadrianinho
    @jerryadrianinho Год назад

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

  • @Alan-jg9xg
    @Alan-jg9xg Год назад

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

  • @FMusicFreeStyle
    @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á

  • @brunoravagnani13
    @brunoravagnani13 2 года назад

    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 !!!!

  • @s0ufeioedai
    @s0ufeioedai 2 года назад

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

  • @nicolasdias3569
    @nicolasdias3569 2 года назад +51

    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
      @michaelvoggel6176 2 года назад +1

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

    • @LeandroSantos-fj1ft
      @LeandroSantos-fj1ft 2 года назад

      ​@@michaelvoggel6176 eu tbm mas

    • @JoaoPedro-dz4hg
      @JoaoPedro-dz4hg 2 года назад

      @@michaelvoggel6176 também

    • @marciasimplicio776
      @marciasimplicio776 2 года назад +1

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

  • @eduardogalante4733
    @eduardogalante4733 2 года назад +3

    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....😜

  • @lee-xs8rj
    @lee-xs8rj 2 года назад

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

  • @juliana302009
    @juliana302009 2 года назад +1

    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

  • @rodrigosandeski6023
    @rodrigosandeski6023 Год назад

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

  • @gustavokazuo1834
    @gustavokazuo1834 Год назад

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

  • @ManáLocação
    @ManáLocação 3 месяца назад

    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!

  • @italopagode32
    @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.

  • @portinho199
    @portinho199 2 года назад +1

    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.

  • @AndersonSantos-py2co
    @AndersonSantos-py2co 2 года назад

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

  • @MarceloFirmino85
    @MarceloFirmino85 Год назад

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

  • @h.carvalho7503
    @h.carvalho7503 6 месяцев назад

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

  • @vinicius.teipei
    @vinicius.teipei 2 года назад

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

  • @TakaMuari
    @TakaMuari 2 года назад

    MULHER VOCÊ É SIMPLESMETE PERFEITA

  • @rosanadeveloper8204
    @rosanadeveloper8204 2 года назад

    Simplesmente INCRIVEL sua explicação! obg

  • @botelho-s
    @botelho-s Год назад

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

  • @pythoncomeder
    @pythoncomeder 2 года назад

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

  • @edimarfilho2692
    @edimarfilho2692 3 месяца назад

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

  • @animesderrotados8223
    @animesderrotados8223 Год назад +1

    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.

  • @alanalves5030
    @alanalves5030 Год назад

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

  • @MegalocefaloBill
    @MegalocefaloBill 2 года назад

    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ê 🙏🏽

  • @frankrsilva
    @frankrsilva 2 года назад +2

    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

  • @edsongomes6724
    @edsongomes6724 2 года назад

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

  • @duckswim
    @duckswim 2 года назад

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

  • @Felipe.dev_
    @Felipe.dev_ 9 месяцев назад

    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.

  • @thadeurios6664
    @thadeurios6664 2 года назад +7

    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.

  • @larioliveiraramos980
    @larioliveiraramos980 2 года назад +1

    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 🥺

  • @CGCoringaGamer
    @CGCoringaGamer 2 года назад

    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 RUclips me recomenda esse vídeo. Que didática maravilhosa. Já me inscrevi para aprender cada vez mais.

  • @joaovictorpereiradasneves3145
    @joaovictorpereiradasneves3145 Год назад

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

  • @Sora404X
    @Sora404X Год назад

    Ela ensinando me deixa tão confortável, já assisti vídeos Dizendo como ensinar flex-box em 10,20,30 min e não entendia nada kkkk

  • @wanderleydoprado6247
    @wanderleydoprado6247 2 года назад

    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ê.

  • @cicaribeiro7606
    @cicaribeiro7606 2 года назад

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

  • @morenogaucho453
    @morenogaucho453 2 года назад

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

  • @Garotadat.i
    @Garotadat.i Год назад

    Muito bom sua didática, acabei de consertar uns cards que estava fazendo flexbox é tipo mágica kkkk

  • @videosdaora5501
    @videosdaora5501 2 года назад

    O que eu não aprendi no EAD em 2 anos.Aprendi agora em 20 min.

  • @taironiofilho9533
    @taironiofilho9533 2 года назад

    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!

  • @fabiojorge8999
    @fabiojorge8999 2 года назад

    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🌟🌟

  • @marciasimplicio776
    @marciasimplicio776 2 года назад

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

  • @andersonvieira7596
    @andersonvieira7596 Год назад

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

  • @jeffersonallan4903
    @jeffersonallan4903 2 года назад +2

    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.

  • @joao_buda
    @joao_buda Год назад

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

  • @joaomaccari6076
    @joaomaccari6076 2 года назад

    Eu vindo aqui tentar entender flexbox depois de desistir das aulas em um curso pago aí 🤡kkkkk.
    Ficou bem claro agora!

  • @viniciussousa2284
    @viniciussousa2284 2 года назад +1

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

  • @isabellealmeida6292
    @isabellealmeida6292 Год назад

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

  • @MatheusGoncalves-wl7pp
    @MatheusGoncalves-wl7pp 2 года назад

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

  • @morales369
    @morales369 Год назад +1

    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!

  • @rodrigo-tj1gf
    @rodrigo-tj1gf Год назад

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

  • @gabrieloliveira1951
    @gabrieloliveira1951 2 года назад +2

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

  • @edvaldojunior1745
    @edvaldojunior1745 Год назад

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

  • @echeapmidia2009
    @echeapmidia2009 Год назад

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

  • @AdrianoGDR
    @AdrianoGDR 2 года назад

    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.

  • @rodlima3675
    @rodlima3675 2 года назад

    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

  • @thiagosantosa1
    @thiagosantosa1 2 года назад

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

  • @valdemirochaves
    @valdemirochaves 2 года назад

    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 !

  • @AndersonSantos-mg8rw
    @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.

  • @EsMz0r
    @EsMz0r 2 года назад

    Além de linda é didática e manja muito!

  • @joaomarcosdefreitasrocha9742
    @joaomarcosdefreitasrocha9742 2 года назад

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

  • @anadycarvalho4925
    @anadycarvalho4925 2 года назад

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

  • @vit0riadominique
    @vit0riadominique 2 года назад +4

    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 RUclips!!

  • @mrkyotolofi5032
    @mrkyotolofi5032 2 года назад

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

  • @YasmimSantos637
    @YasmimSantos637 2 года назад +2

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

  • @daviesilvadacruz809
    @daviesilvadacruz809 2 года назад

    A melhor aula de Flexbox do youtube

  • @nelsonsoares2281
    @nelsonsoares2281 2 года назад +4

    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 😊

  • @DennisJCarvalho
    @DennisJCarvalho 2 года назад

    Parabéns Rafaella pela didática ... Tu nasceu para dar aula de programação ... muito prático sua explicação ... show de bola!

  • @marcosantoniosouzapereirad6817
    @marcosantoniosouzapereirad6817 2 года назад

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

  • @RafaPaffile
    @RafaPaffile 2 года назад +1

    Sua didática é incrível. E gostei bastante do fato de explicar cada uma das opções de cada tag.

  • @CarlosDaniel_24
    @CarlosDaniel_24 Год назад +1

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

  • @andrermatos90
    @andrermatos90 Год назад

    melhor explicação sobre o assunto no youtube

  • @macbellito
    @macbellito 2 года назад

    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.

  • @rdrdigital
    @rdrdigital Год назад

    Rafaella, encontrei teu canal por acaso, sem palavras, simpatia e didática incrível. Parabéns!

  • @brunosantanadev
    @brunosantanadev 2 года назад

    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.