FLEXBOX: Guia Completo para Iniciantes em CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024
  • Olá, pessoal!
    O Flexbox é uma poderosa ferramenta que permite criar designs flexíveis e adaptáveis para suas páginas da web com facilidade. Neste vídeo, vamos explorar todos os aspectos do Flexbox, desde os conceitos básicos até técnicas avançadas.
    Aprenda a usar propriedades como: "display: flex", "flex-direction", "justify-content", "align-items".
    Documentação do FLEXBOX para aprender mais:
    developer.mozi...
    Redes sociais:
    LinkedIn: / larissakich
    Instagram: @dev_em_dev
    GitHub: github.com/Lar...
    E-mail: larissakich04@gmail.com

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

  • @gleluis15
    @gleluis15 9 หลายเดือนก่อน +18

    Deu uma baita aula em 19 min. Didática muito massa. Parabéns!

  • @AnaCarolinaFerreiraSanto-xo3fp
    @AnaCarolinaFerreiraSanto-xo3fp 2 หลายเดือนก่อน +5

    FlexBox
    No Container/Parent:
    gap: 4:10
    flex-direction: 4:38
    flex-wrap: 6:00
    flex-flow: 7:39
    justify-content: 8:28
    align-items: 10:09
    row/column-gap: 10:46
    No Item/Child:
    flex-grow: 12:36
    flex-shrink: 14:00
    flex-basis: 14:48
    flex: 15:30
    align-self: 16:23
    order: 17:20

  • @alexandreandrade5172
    @alexandreandrade5172 9 หลายเดือนก่อน +4

    Massa demais essa aula Larissa. Obrigado por compartilhar...

  • @WesleyMoreira-x8h
    @WesleyMoreira-x8h 6 หลายเดือนก่อน +3

    Salvou demais da conta, 4 horas de aula no curso não entendendo nada, em 19:13 min você me deixou sabendo de tudo. Obrigado😄

  • @michaelmixolideo
    @michaelmixolideo 2 หลายเดือนก่อน

    se não aprender nesse video, não aprende em mais nenhum, simples e direta, ótima aula !!!!

  • @welisvinicio1769
    @welisvinicio1769 9 หลายเดือนก่อน +1

    Parabens excelente didática 👏👏👏

  • @edvaldojunior1745
    @edvaldojunior1745 9 หลายเดือนก่อน +1

    Excelente! Obrigado por compartilhar!

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

    melhor video que eu já vi sobre o tema

  • @Saimonn_
    @Saimonn_ 9 หลายเดือนก่อน

    Muito bom Larissa!
    Seus videos sao incriveis, otima didatica parabens!

  • @CaioViktor-m2d
    @CaioViktor-m2d หลายเดือนก่อน

    Moça, você pegou na minha mão e me guiou, obrigado!!! ❤

  • @aurelioleonel
    @aurelioleonel 15 วันที่ผ่านมา

    Explicado certinho??? Vc foi ótima!!!

  • @luciana88santos39
    @luciana88santos39 4 หลายเดือนก่อน

    Menina tua arrasa! só agora consegui entender bem o flexbox!!! parabéns!!!

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

    Obrigado por descomplicar esses conceitos tão importantes no CSS!

  • @fewiip
    @fewiip 8 หลายเดือนก่อน +1

    gente que aula maravilha,

  • @creativecode_webdesiner
    @creativecode_webdesiner 7 หลายเดือนก่อน +1

    Estou começando agora na aère esse video veio na boa hora obrigada

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

    Parabéns a melhor aula que ja vi ate agora sobre flexbox

  • @JosePaulo-vy3oq
    @JosePaulo-vy3oq 7 หลายเดือนก่อน +26

    2 anos trabalhando com back-end e só agora eu me ferrei pra ter que fazer 3 tabelas centralizadas, seu vídeo salvou demais.

    • @seCodando
      @seCodando 2 หลายเดือนก่อน

      tô me lascando para colocar 3 gráficos centralizados

  • @0202Joe
    @0202Joe 9 หลายเดือนก่อน

    Trás mais vídeos assim, amo seu canal❤❤❤❤❤

  • @itsmeanna.
    @itsmeanna. 8 หลายเดือนก่อน +1

    obg to aprendendo ainda

  • @eusouiana
    @eusouiana 9 หลายเดือนก่อน

    Muito boa aula, super esclarecedora!

  • @maxvinicius7386
    @maxvinicius7386 5 หลายเดือนก่อน

    Cara adorei a sua didática e jeito de falar muito obrigado consegui entender melhor do que meu conhecimento anterior, por favor faz mais aulas de css porque muitas pessoas como eu demora pelo css ser vasto, incluindo código limpo e responsividade atrelado ao html semântico

  • @chrystnx
    @chrystnx 4 หลายเดือนก่อน +1

    consegui entender apenas contigo sobre flexbox!

  • @EstrelaEletro
    @EstrelaEletro 15 วันที่ผ่านมา

    Explicado certinho???, vc foi ótima!!!

  • @nibiru_9820
    @nibiru_9820 5 หลายเดือนก่อน

    incrivel ver uma mulher em uma área predominantemente masculina!, parabens pelo conteúdo fantástico, apresentou bem o conceito de flexbox e as propiedades justify content e align-items q era uma das minhas dificuldades mt bom mesmo

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

    Obrigado pelas orientações 😉

  • @aquaparalelodigital
    @aquaparalelodigital 9 หลายเดือนก่อน +1

    Muito bom assunto. 🙏

  • @TheHeymanola
    @TheHeymanola 6 หลายเดือนก่อน

    Excelente aula!! Parabéns e brigadão 🎉

  • @samuelpinheironogueira2738
    @samuelpinheironogueira2738 6 หลายเดือนก่อน

    Aula muito boa, aprendi bastante.

  • @andrenas5643
    @andrenas5643 7 หลายเดือนก่อน +1

    opa, consegui relembrar muita coisa hehe, obrigado

  • @gustavosouza-e9f
    @gustavosouza-e9f 13 วันที่ผ่านมา

    Por que quando uso class não consigo setar altura largura ou cor para a div?

  • @mariaclarasouza4533
    @mariaclarasouza4533 6 หลายเดือนก่อน

    Execelente aula! Parabéns!

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

    Oi Lari, agradeço pelo ótimo conteúdo, ajudou bastante! :)

  • @AglerLopes
    @AglerLopes 8 หลายเดือนก่อน

    Aula top Larissa!

  • @TheWizzaay
    @TheWizzaay 8 หลายเดือนก่อน

    cara que aula maravilhosa obg por postar esse video

  • @cafedocai6021
    @cafedocai6021 24 วันที่ผ่านมา

    show de bola

  • @walmirsilva6539
    @walmirsilva6539 8 หลายเดือนก่อน +1

    Muito bom gostei obrigado

  • @FernandoGomes-dg1po
    @FernandoGomes-dg1po 8 หลายเดือนก่อน

    Show de aula! Parabéns!

  • @GabrielandreR
    @GabrielandreR 9 หลายเดือนก่อน +2

    depois faz um sobre grid tmb lari

  • @mayconrocha8723
    @mayconrocha8723 7 หลายเดือนก่อน +1

    Top demais.

  • @yg.thiago
    @yg.thiago 8 หลายเดือนก่อน

    poderia dizer como eu posso mudar o numero dentro da div de lugar? ex: quero o numero 2 centralizado na parte inferior

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

    excelente

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

    você evitou q eu precisasse partir pra atos mais extremos, vou passar d periodo, agradecida

  • @brnx4172
    @brnx4172 2 หลายเดือนก่อน

    Você tem algum curso Larissa? Voltado para o Front-End ?

  • @marcosdovale6111
    @marcosdovale6111 8 หลายเดือนก่อน

    Qual a extensão que você usa para criar comentários rapidamente?

  • @oleonardodemacedo
    @oleonardodemacedo 8 หลายเดือนก่อน

    Muito bom!
    Me tira duas dúvidas?
    Como tirar e colocar os comentários com atalho?
    E como dar um auto refresh no browser igual tu tá fazendo? Ou seria alguma extensão? Obrigado desde já pela aula!

    • @abraaof0
      @abraaof0 8 หลายเดือนก่อน

      Extensão do vscode, LiveServer

    • @pedroantonio3791
      @pedroantonio3791 6 หลายเดือนก่อน

      O atalho pra comentar é ctrl + ;

  • @AglerLopes
    @AglerLopes 8 หลายเดือนก่อน

    Faz um video falando do display grid

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

    ahhhhhh q alívio! estava tomando coça pra alinhar itens kkkk agora tudo melhorou!

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

    Muito booom!! ☺

  • @Lucas.bg08
    @Lucas.bg08 6 หลายเดือนก่อน

    VOLTAAAAA 😭😭

    • @larissakich
      @larissakich  6 หลายเดือนก่อน +1

      Eu quero muiito voltar a gravar hehe, estou um pouco enrolada com a faculdade, mas assim que der eu volto 😊😅

  • @Share408
    @Share408 9 หลายเดือนก่อน

    Show🎉

  • @arielton97_
    @arielton97_ 8 หลายเดือนก่อน

    man... que vídeo raro!!!
    não foi fácil achar um vídeo assim com explicação rápida.

  • @GabrielandreR
    @GabrielandreR 9 หลายเดือนก่อน +1

    como voce comenta tao rapido ?

    • @PedroHenrique-hu8ju
      @PedroHenrique-hu8ju 9 หลายเดือนก่อน +4

      No Vs Code é só usar o comando Ctrl + " : " , ele comenta automaticamente.

    • @ibrowbs
      @ibrowbs 9 หลายเดือนก่อน +1

      nossa, muito obrigado por isso @@PedroHenrique-hu8ju

  • @juliaana-g2u
    @juliaana-g2u หลายเดือนก่อน

    preconceito com a tela branca

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

      Sim ksksksks 🤭

  • @Neekuri
    @Neekuri 9 หลายเดือนก่อน

    Finalmente vou saber estruturar