FLEXBOX: Guia Completo para Iniciantes em CSS

Поделиться
HTML-код
  • Опубликовано: 29 ноя 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

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

  • @gleluis15
    @gleluis15 8 месяцев назад +17

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

  • @alexandreandrade5172
    @alexandreandrade5172 8 месяцев назад +4

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

  • @CaioViktor-m2d
    @CaioViktor-m2d 8 дней назад

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

  • @AnaCarolinaFerreiraSanto-xo3fp
    @AnaCarolinaFerreiraSanto-xo3fp Месяц назад +1

    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

  • @JosePaulo-vy3oq
    @JosePaulo-vy3oq 6 месяцев назад +24

    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 Месяц назад

      tô me lascando para colocar 3 gráficos centralizados

  • @WesleyMoreira-x8h
    @WesleyMoreira-x8h 5 месяцев назад +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😄

  • @edvaldojunior1745
    @edvaldojunior1745 8 месяцев назад +1

    Excelente! Obrigado por compartilhar!

  • @michaelmixolideo
    @michaelmixolideo Месяц назад

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

  • @welisvinicio1769
    @welisvinicio1769 8 месяцев назад +1

    Parabens excelente didática 👏👏👏

  • @fewiip
    @fewiip 8 месяцев назад +1

    gente que aula maravilha,

  • @Cyo4k
    @Cyo4k 23 дня назад

    melhor video que eu já vi sobre o tema

  • @itsmeanna.
    @itsmeanna. 8 месяцев назад +1

    obg to aprendendo ainda

  • @nibiru_9820
    @nibiru_9820 4 месяца назад

    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

  • @luanoliveira4302
    @luanoliveira4302 6 месяцев назад

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

  • @chrystnx
    @chrystnx 3 месяца назад +1

    consegui entender apenas contigo sobre flexbox!

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

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

  • @creativecode_webdesiner
    @creativecode_webdesiner 6 месяцев назад +1

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

  • @maxvinicius7386
    @maxvinicius7386 4 месяца назад

    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

  • @Saimonn_
    @Saimonn_ 8 месяцев назад

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

  • @CanalAFGamer
    @CanalAFGamer 6 месяцев назад

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

  • @0202Joe
    @0202Joe 8 месяцев назад

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

  • @aquaparalelodigital
    @aquaparalelodigital 8 месяцев назад +1

    Muito bom assunto. 🙏

  • @rafaelpezotti614
    @rafaelpezotti614 2 месяца назад

    Obrigado pelas orientações 😉

  • @TheHeymanola
    @TheHeymanola 5 месяцев назад

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

  • @samuelpinheironogueira2738
    @samuelpinheironogueira2738 5 месяцев назад

    Aula muito boa, aprendi bastante.

  • @eusouiana
    @eusouiana 8 месяцев назад

    Muito boa aula, super esclarecedora!

  • @andrenas5643
    @andrenas5643 6 месяцев назад +1

    opa, consegui relembrar muita coisa hehe, obrigado

  • @mariaclarasouza4533
    @mariaclarasouza4533 5 месяцев назад

    Execelente aula! Parabéns!

  • @annielymariah
    @annielymariah 2 месяца назад

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

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

    depois faz um sobre grid tmb lari

  • @Lorenzo17bsc
    @Lorenzo17bsc 6 месяцев назад

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

  • @TheWizzaay
    @TheWizzaay 7 месяцев назад

    cara que aula maravilhosa obg por postar esse video

  • @walmirsilva6539
    @walmirsilva6539 7 месяцев назад +1

    Muito bom gostei obrigado

  • @mayconrocha8723
    @mayconrocha8723 6 месяцев назад +1

    Top demais.

  • @thebestofferforyou
    @thebestofferforyou 2 месяца назад

    excelente

  • @FernandoGomes-dg1po
    @FernandoGomes-dg1po 8 месяцев назад

    Show de aula! Parabéns!

  • @AglerLopes
    @AglerLopes 7 месяцев назад

    Aula top Larissa!

  • @yg.thiago
    @yg.thiago 7 месяцев назад

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

  • @marciomontrezor1
    @marciomontrezor1 6 месяцев назад

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

  • @brnx4172
    @brnx4172 Месяц назад

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

  • @marcosdovale6111
    @marcosdovale6111 7 месяцев назад

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

  • @oleonardodemacedo
    @oleonardodemacedo 7 месяцев назад

    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 7 месяцев назад

      Extensão do vscode, LiveServer

    • @pedroantonio3791
      @pedroantonio3791 5 месяцев назад

      O atalho pra comentar é ctrl + ;

  • @AglerLopes
    @AglerLopes 7 месяцев назад

    Faz um video falando do display grid

  • @laeciio
    @laeciio 6 месяцев назад

    Muito booom!! ☺

  • @Lucas.bg08
    @Lucas.bg08 5 месяцев назад

    VOLTAAAAA 😭😭

    • @larissakich
      @larissakich  5 месяцев назад +1

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

  • @Share408
    @Share408 8 месяцев назад

    Show🎉

  • @arielton97_
    @arielton97_ 7 месяцев назад

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

  • @GabrielandreR
    @GabrielandreR 8 месяцев назад +1

    como voce comenta tao rapido ?

    • @PedroHenrique-hu8ju
      @PedroHenrique-hu8ju 8 месяцев назад +4

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

    • @ibrowbs
      @ibrowbs 8 месяцев назад +1

      nossa, muito obrigado por isso @@PedroHenrique-hu8ju

  • @juliaana-g2u
    @juliaana-g2u 23 дня назад

    preconceito com a tela branca

  • @Neekuri
    @Neekuri 8 месяцев назад

    Finalmente vou saber estruturar