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

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ต.ค. 2024

ความคิดเห็น • 447

  •  2 ปีที่แล้ว +98

    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 ♥

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

  • @luizhenrique-bg7ty
    @luizhenrique-bg7ty 10 หลายเดือนก่อน

    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.

  • @ManáLocação
    @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!

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

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

  • @brunoravagnani13
    @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 !!!!

  • @morenogaucho453
    @morenogaucho453 ปีที่แล้ว

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

  • @phillipecsorgohenriques6375
    @phillipecsorgohenriques6375 2 ปีที่แล้ว

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

  • @andersonvieira7596
    @andersonvieira7596 ปีที่แล้ว

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

  • @edsongomes6724
    @edsongomes6724 ปีที่แล้ว

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

  • @thiagosantosa1
    @thiagosantosa1 2 ปีที่แล้ว

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

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

  • @RafaPaffile
    @RafaPaffile 2 ปีที่แล้ว +1

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

  • @aprendizdefunileiro9281
    @aprendizdefunileiro9281 ปีที่แล้ว

    Excelente vídeo Rafa, ajudou muito. Deus abençoe sua vida grandemente !

  • @bonekazz-8441
    @bonekazz-8441 2 ปีที่แล้ว +36

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

  • @alanalves5030
    @alanalves5030 ปีที่แล้ว

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

  • @joaovictorpereiradasneves3145
    @joaovictorpereiradasneves3145 ปีที่แล้ว

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

  • @DeyvsonLucas-mb8zp
    @DeyvsonLucas-mb8zp ปีที่แล้ว

    Da até gosto de assistir os seus vídeos, top de mais!

  • @EsMz0r
    @EsMz0r 2 ปีที่แล้ว

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

  • @mrkyotolofi5032
    @mrkyotolofi5032 2 ปีที่แล้ว

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

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

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

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

  • @guilhermechaves3833
    @guilhermechaves3833 2 ปีที่แล้ว +16

    Faz vídeos assim só que sobre CSS Grid, por favorrrr 😀❤️

  • @anadycarvalho4925
    @anadycarvalho4925 ปีที่แล้ว

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

  • @BetoWagner
    @BetoWagner 2 ปีที่แล้ว

    Parabéns !!!!!!!!
    Muito bem apresentado!!!

  • @luanamusial6127
    @luanamusial6127 ปีที่แล้ว

    Perfeita, erra nunca 😭😭😭❤❤❤

  • @fernandostadler5831
    @fernandostadler5831 2 ปีที่แล้ว

    Rafa sempre salvado vidas ♥

  • @andrermatos90
    @andrermatos90 ปีที่แล้ว

    melhor explicação sobre o assunto no youtube

  • @fabioyugo
    @fabioyugo 2 ปีที่แล้ว

    Ahhhhh como eu queria ter esse vídeo meses atrás, me pouparia umas boas horas de cérebro fritando lol. Explicação perfeita, direta ao ponto e didático. Eu sempre me enrolo com o justify/align-items/align-content, agora ficou muito claro essas propriedades. PS: Rafa, se não for pedir muito faça um de Grid também.

  • @rafaelmontenegro4749
    @rafaelmontenegro4749 2 ปีที่แล้ว +1

    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👍🏾👍🏾🧑🏿‍💻

  • @valdeirbarbosa637
    @valdeirbarbosa637 2 ปีที่แล้ว

    Perfeito, obrigado pela aula !!!!

  • @CyberWorld7x
    @CyberWorld7x ปีที่แล้ว

    Aquele link me ajudou bastante, obrigado Rafa!

  • @devciente
    @devciente 2 ปีที่แล้ว

    excelente, aprendi muita coisa com esse video, eu ja uso o flexbox, mas a explicação ilustrada me acendeu muito a mente.

  • @NickBan
    @NickBan ปีที่แล้ว +11

    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!

  • @eder.martines
    @eder.martines 2 ปีที่แล้ว

    Parabéns pela didática! Direta e objetiva. Parabéns!

  • @fabiodorosarioferreira8972
    @fabiodorosarioferreira8972 2 ปีที่แล้ว

    Didática impecável. Não vi até o momento alguém que se compare a você. Tem algum curso para desenvolvedor front-end?

  • @marciasimplicio776
    @marciasimplicio776 2 ปีที่แล้ว +1

    Perfeita você sempre. Já mandei para as amigas. Eu já sei, mas mesmo assim tô assistindo e anotando porque é sempre bom e nunca é demais. Amo seus conteúdos.

  • @Jonny0n_3335
    @Jonny0n_3335 4 หลายเดือนก่อน +3

    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.

  • @falaqueeudesenho9556
    @falaqueeudesenho9556 2 ปีที่แล้ว

    MDS faz dias que tava procurando um vídeos disso, ainda bem que vc resolveu fazer! Muito obrigadooo!!!!

  • @america2722
    @america2722 2 ปีที่แล้ว

    Grande aula, me ajudou com todas as dúvidas em relação a esse assunto

  • @viniciusmacielflor657
    @viniciusmacielflor657 ปีที่แล้ว

    Não sou de comentar em vídeos, mas vim agradecer pela aula incrível!

  • @art.matias3
    @art.matias3 2 ปีที่แล้ว

    VIDEO PERFEITOO! faz um sobre Grid por favorr

  • @cassiafig
    @cassiafig 3 หลายเดือนก่อน

    incrível, tudo muito claro!!

  • @kalebecalebe
    @kalebecalebe ปีที่แล้ว

    Uma super aula grátis

  • @scokera4366
    @scokera4366 ปีที่แล้ว

    Sensacional, me ajudou muito!!!

  • @viniciuscavalcanterj
    @viniciuscavalcanterj ปีที่แล้ว

    Perfeeeeeeita! O que mais me dá angunstia é posicionar elementos na página. Agora, não mais. Poderia ser minha professora da faculdade? 😊

  • @carlaprates1704
    @carlaprates1704 2 ปีที่แล้ว

    você arrasa 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

  • @murilobalducci
    @murilobalducci 2 ปีที่แล้ว

    Você é demais!

  • @patriciafragoso9470
    @patriciafragoso9470 2 ปีที่แล้ว

    Sua didática é maravilhosaa!! Sempre aprendo muito com teus vídeos 💗

  • @patriciaalbuquerque9079
    @patriciaalbuquerque9079 ปีที่แล้ว

    Rafa, que vídeo maneiro! Já estou esperando a segunda parte! Bjs.

  • @Douglas_jp
    @Douglas_jp 2 ปีที่แล้ว

    Didática sensacional ! Aprendi muito 🙏Obrigado !

  • @molozi_
    @molozi_ 2 ปีที่แล้ว

    depois de 5 meses, aprendi a centralizar finalmente

  • @danielsantana5126
    @danielsantana5126 2 ปีที่แล้ว

    Excelente vídeo mano
    Obrigado

  • @JoaoPedro-cd8ec
    @JoaoPedro-cd8ec ปีที่แล้ว

    CR...nmrl...gostei muito ❤️❤️❤️

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

  • @inaciopaiva1536
    @inaciopaiva1536 2 ปีที่แล้ว

    ótimo vídeo, precisei disso hj

  • @beatrisyessayan8767
    @beatrisyessayan8767 2 ปีที่แล้ว

    Rafa...vc podia criar um site seu com os cursos de front and back end.Vc vai ganhar muito aluno!!

  • @JoseArnaldolopes
    @JoseArnaldolopes 2 ปีที่แล้ว

    Video excelente!!!

  • @Renove755
    @Renove755 2 ปีที่แล้ว

    Go Go parte 2

  • @laissa1207
    @laissa1207 2 ปีที่แล้ว

    Obrigada pelo conteúdo, Rafa! Ansiosa pela parte 2.

  • @lucasribeiro8437
    @lucasribeiro8437 3 หลายเดือนก่อน

    Excelente! 👏🏽👏🏽

  • @ERI22176
    @ERI22176 2 ปีที่แล้ว

    Valeu Rafa, como sempre entregando um conteúdo incrível, vlw ☕☕

  • @luscavalorant
    @luscavalorant 2 ปีที่แล้ว

    Perfeito, simplesmente perfeito!!

  • @katielypassos1507
    @katielypassos1507 2 ปีที่แล้ว

    Mais vídeozinhos de CSS, por favor 🥰

  • @vitogusttt
    @vitogusttt 2 ปีที่แล้ว

    QUE VIDEO NECESSARIO

  • @luanvictor9701
    @luanvictor9701 2 ปีที่แล้ว

    Rafa, e após a parte do front-end estar finalizada? Qual o próximo passo que se dá após isso? Poderia fazer um vídeo explicando como isso funciona na Alura e como um desenvolvedor independente poder realizar todo esse processo?
    Espero que tenha entendido minha pergunta. Com carinho, Luan!

  • @suelencabral2862
    @suelencabral2862 2 ปีที่แล้ว

    Perfeita

  • @dhierosales
    @dhierosales 2 ปีที่แล้ว +2

    caracas! eu acho que vc viu eu me batendo no flexbox hj, so pode. 😂😂😂

  • @santiigas
    @santiigas ปีที่แล้ว

    conteudo foda, você é 10

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

  • @Darkzin_one
    @Darkzin_one 2 ปีที่แล้ว

    faz pfvr um projetinho na prática kakakakakaka vlwww adoro seus videos

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

  • @GeovannaMogizAlberto-fn1ty
    @GeovannaMogizAlberto-fn1ty 7 หลายเดือนก่อน

    Obrigada

  • @DaniloBrBassPlayer
    @DaniloBrBassPlayer 2 ปีที่แล้ว

    Boa guitarrista!!!!

  • @jhonyares1038
    @jhonyares1038 ปีที่แล้ว

    Que aulinha boa! 👏🏽

  • @elizabethregina7911
    @elizabethregina7911 2 ปีที่แล้ว

    Parte dois por favor 😍❤

  • @samuelfilhote5108
    @samuelfilhote5108 2 ปีที่แล้ว

    muito bom!

  • @paicelestial3
    @paicelestial3 2 ปีที่แล้ว

    vamos fazer projetinhos Rafa. bjim

  • @kennethwiller4951
    @kennethwiller4951 2 ปีที่แล้ว +10

    Parabéns Rafa, sua didática é incrível!!! já tô esperando a parte 2

  • @vandantas2012
    @vandantas2012 วันที่ผ่านมา

    Eu te I love YOUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU!!!!!!!!!!!🤩🤩🤩🤩🤩🤩🤩

  • @Felipe-om4uy
    @Felipe-om4uy 2 ปีที่แล้ว

    puts tava sofrendo pra entender, vlw Rafa!!!

  • @waltemarcarneiro
    @waltemarcarneiro 7 หลายเดือนก่อน

    Valeu!

  • @pedrosass2724
    @pedrosass2724 2 ปีที่แล้ว

    column-reverse é minha gambiarra pra arrays que precisam ser ordenadas de maneira inversa em forma de pilha (no front)

  • @gabrielapaulinideutner3180
    @gabrielapaulinideutner3180 8 หลายเดือนก่อน +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

  • @arthurdias7678
    @arthurdias7678 2 ปีที่แล้ว +3

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

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

  • @SinhoGamerMODS
    @SinhoGamerMODS 2 ปีที่แล้ว

    É uma coisa boa diferenciada , mas pra mim não irá me servir. Mas parabéns pelo tutorial

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

  • @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 TH-cam!!

  • @filipesantos6623
    @filipesantos6623 7 หลายเดือนก่อน +3

    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.

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

  • @MsAddo12
    @MsAddo12 2 ปีที่แล้ว +1

    utilizar a propriedade "position" é melhor que o flexbox?

  • @thiagoribs295
    @thiagoribs295 2 ปีที่แล้ว

    não curto nenhum pouco front-end, tô estudando só pra passar na facul mesmo, mas por esse vídeo até que não pareceu tão ruim haha

  • @anaberlanda6777
    @anaberlanda6777 2 ปีที่แล้ว

    eu gostaria mto de um projeto pratico, estou vendo html css agr, e o que mais me perco totalmenteee é posicionamento, como levar algo pra direita, outra parte pra esquerda..rs

  • @flayer2011
    @flayer2011 2 ปีที่แล้ว +3

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

  • @cyberDynoo
    @cyberDynoo ปีที่แล้ว

    Top

  • @yagopeixinho6067
    @yagopeixinho6067 2 ปีที่แล้ว

    ~~~~não tem nada a ver com o vídeo mas eu gostaria de parabenizar pelo design system do canal. Só de ver as cores eu já sei que tô no canal da rafa kskdskdad