Entendendo o básico de display : flex

Поделиться
HTML-код
  • Опубликовано: 29 сен 2024
  • Nesse vídeo vamos ver as propriedades básicas de alinhamento em CSS utilizando o display:flex.
    Lembre-se de curtir o vídeo e assinar o canal para ficar por dentro das novidades!
    Para fazer o download do código da aula acesse o nosso repositório:
    github.com/csf...
    Até a próxima!

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

  • @shurek557
    @shurek557 18 дней назад +1

    conteúdo de 3 anos, mas continua sendo um bom conteúdo. vlw!

    •  8 дней назад +1

      Obrigado pela visita e pelo comentário!

  • @FernandoFantinelFanti
    @FernandoFantinelFanti 3 года назад +15

    Didática impecável. Ótimo para um dev back-end, assim como eu, querendo se aprimorar. Fui me inscrever e já estava inscrito haha
    Parabéns!

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

      Sucesso!
      Um abraço e obrigado pela visita Fernando! Não esqueça de se inscrever para novidades!

  • @Alucard.2024
    @Alucard.2024 10 месяцев назад +1

    Finalmente começando a entender 😭😭😭
    Sem palavras, muito obrigado!!!! Tô travado há mais de uma semana em css por não entender esse conceito. Me forcei a entender pra continuar os estudos e NENHUM outro vídeo entrava na minha cabeça. Só esse foi capaz de me fazer entender. Que didática impecável, abordando de ponta a ponta. Sem deixar margem pra duvidas. Muito obrigado mesmo, Deus te abençoe MUITO!!!!!!!!!!

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

      Valeu Lucas! Muito obrigado!!!

  • @PedroHenrique-kj5iv
    @PedroHenrique-kj5iv Год назад +1

    Incrível como tem conteúdos GRATUITOS muito melhores que os pagos. Eu aprendi a usar div aqui nesse vídeo. Paguei 1.500 num curso ao qual não aprendi e já estava pensando em desistir.

    •  Год назад

      Que bom que ajudou Pedro!!! Valeu pela visita!

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

    Você é um anjo e um ótimo professor. Tô me inscrevendo agora!

    •  2 года назад

      Valeu faObio! Obrigado pela visita!

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

    Muito bom, obrigado, professor.

    •  Год назад

      Bons estudos! Obrigado pela visita Victor!

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

    que aula incrivel parabens

    •  Год назад

      Obrigado 😃

  • @Pedro-Pontes
    @Pedro-Pontes Год назад +1

    se loco, sensacional a aula, tenho facilidade com o back mas quando chego pra fazer design eu passo mal

    •  Год назад

      Sucesso! Espero ter ajudado!

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

    Show de bola! Valeu pela explicação!

    •  2 года назад

      Obrigado Gustavo!!! Grande abraço!

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

    Parabéns, muito bem explicado

    •  Год назад

      Valeu Clientes Sites! Abração!

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

    Aula foi tão boa que passou voando, parabéns!

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

      Obrigado Cezar! Grande abraço!

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

    Maravilhoso professor, fantástica sua explicação grato por compartilhar conhecimento

    •  Год назад

      Valeu Andre!

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

    Em 20 minuto vc me tirou uma grande duvida muito obrigado

    •  Год назад

      Obrigado Admilson! Bem vindo!

  • @andersonlima-s5l
    @andersonlima-s5l Год назад +1

    Muito obrigado por compartilhar seus conhecimento, sua aula é bem didatica nota mil.

    •  Год назад

      Valeu pela visita e pelo feedback!

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

    Muito fácil de compreender com sua forma de explicar. Mais um inscrito aqui

    •  Год назад +1

      Bem vindo Magno!

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

    Otimo vídeo amigo

    •  Год назад

      Valeu Fábio! Obrigado pela visita!

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

    Obrigado...Agora entendi bem...Você explica muito bem!

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

      Obrigado Diego!!! Em breve mais conteúdo!

  • @William.Ribela
    @William.Ribela 5 месяцев назад

    Excelente didática, parabéns bro.

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

      Muito obrigado! Bem vindo!

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

    Ual, você me ajudou muito

    •  Год назад

      Que bom que ajudou! Obrigado pela visita!

  • @CLEISON304
    @CLEISON304 11 месяцев назад

    O prefessor masse tipo uma foto em um lugar especifico tem que usar left o right

  • @Anna-vh1cz
    @Anna-vh1cz 2 года назад +13

    Cara, obrigada por essa aula! Sério. Eu já tava ficando em desespero tentando entender como funcionava isso e não conseguia entender com outras pessoas.
    Excelente conteúdo!

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

      Obrigado Anna! Em breve mais conteúdo, que bom que ajudou!

  • @LeonardoSantos-nt8qg
    @LeonardoSantos-nt8qg 2 года назад

    Poderia fazer outro vídeo com flex tipo uma home page com 2 lados tipo uma com card login outra com texto do lado na minha cabeça ficaria assim um container pra duas divs principais uma com texto e imagem outra pra div do card com os input de nome sobrenome botão de loguin mas ou menos isso?

  • @Gabriel-gl3ng
    @Gabriel-gl3ng Год назад

    Opa sabe me dizer quando devo utilizar o flex invés de grid?

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

    Procure uma explicação melhor que a do Professor Feijó sobre o display flex e falhe miseravelmente. Obrigado 🙏

    •  Год назад +1

      Valeu Raul!! Obrigado pela visita!

  • @Kaua-yl8xo
    @Kaua-yl8xo 11 месяцев назад

    A qualidade da imagem está ruim !

  • @amorimhz
    @amorimhz 4 месяца назад +2

    Que aula perfeita sério mesmo! Entendi com uma facilidade que só

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

      Que bom que ajudou! Obrigado pela visita!

  • @Elson8704
    @Elson8704 Месяц назад +1

    Fala teacher, que aula simples e maravilhosa.
    Tava apanhando com isso.
    Tenho algum projetos de estudos, que fico criando para praticar e fica tudo quebrado, confesso que dá uma raiva....
    Vou tentar ajusta-los agora.
    Parabéns pelo trabalho, muito obrigado.

    •  Месяц назад

      Obrigado Elson!!!

  • @MickCoven
    @MickCoven Месяц назад +2

    porra agora eu APRENDI...muito bom professor.

    •  8 дней назад

      Parabéns e obrigado pelo comentário!

  • @DouglasLuiz-jf7py
    @DouglasLuiz-jf7py Год назад +2

    Que aula em meu querido!!! Muito Show, obrigado pela ajuda!

    •  Год назад

      Eu que agradeço pela visita e pelo comentário!

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

    Olá! Excelente aula. Sempre deixei o front-end de lado por conta do css... Principalmente pela propriedade display... 😅 Com o flexbox, agora vai. Vlw!!! 🙂

    •  Год назад

      Valeu Jayro! Obrigado!

  • @Renanfc4
    @Renanfc4 9 месяцев назад +1

    que didática muito foda, obrigado meu amigo, tinha uma dúvida grande sobre isso, mesmo fazendo cursos em plataformas, você foi o mais esclarecedor.. agradeço muito..

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

      Valeu Renan! Bem vindo!

  • @murilofujita
    @murilofujita 4 месяца назад +1

    17:23 acredito que esta explicação fará com que uma imagem ocupe a tela toda.
    Muito obrigado, Feijó! Abraço!

  • @fisaque
    @fisaque 3 года назад +5

    Uma boa seria Javascript de uma forma que leigo entenda , mais prático que teórico, parabéns pelo trabalho, e conteúdos que agregam.

    •  2 года назад

      Faremos!
      Obrigado pela dica e visita ISAQUE!
      Não esqueça de se inscrever para novidades!

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

    valeu professor, ótima aula e didática, tudo claro e objetivo.
    E belo quarto do filhote kkk
    abs

    •  2 года назад

      Valeu Pedro, obrigado pela visita!!! Abração

  • @fabianabalduinafreitassilv5837
    @fabianabalduinafreitassilv5837 2 года назад +5

    Surreal a sua didática, Feijó! Gratidão pelo conteúdo, eu acabei de entender em 20 minutos o que não entendi nas 3 ultimas aulas do curso. Você é incrível!

    •  2 года назад

      Valeu Fabiana! Obrigado pela visita, que bom que gostou! Grande abraço!

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

    Muito Obrigado... da nem pra expressar mais do que isso... matou não foi nem um leão e sim a alcateia toda

    •  Год назад

      Valeu David! Grande abraço!

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

    Essa didatica é tudo que e qualquer aluno precisa saber
    pai é pai filho obedece o pai, mas o neto so responde ao pai e não ao avó
    cara tu é Foda.

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

      Valeu Abel! Obrigado pelo comentário e visita!

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

    os foguetes começaram a eestourar com a centralizão dentro do body

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

      Que lindo ouvir isso! Obrigado pela visita Ana!

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

    Grande vídeo. Muito obrigado por compartilhar conhecimento.
    Pergunta de iniciante. Fiquei em dúvida sobre a utilização do space-between na vertical. Existe essa opção ou basta usar o display: block; justify-content: space-between?

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

    Parabéns. Ficou mais claro pra mim. Seguindo e vou ver mais vídeos.

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

      Obrigado, seja bem vindo!

  • @EdsonIvan
    @EdsonIvan 9 месяцев назад +1

    Aula muito boaa, didática incrível, obrigado pelo video

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

      Valeu Edson! Bem vindo!

  • @PauloCesar-zi9kq
    @PauloCesar-zi9kq Год назад +1

    Simplesmente Show.... Obrigado pelo conteúdo.

    •  Год назад

      Eu que agradeço Paulo! Valeu pela visita!

  • @mendonca.leticia
    @mendonca.leticia 2 года назад

    Oi Professor, tudo bem? Acabei de achar seu canal e já me ajudou bastante! Mas continuo com um grande problema que não estou conseguindo resolver há semanas...
    Queria montar uma grade de 3 produtos na página inicial em uma versão desktop e na mobile deixar como está... Tô quase no fim do trampo, topei fazer por estar precisando de grana... NUNCA tinha mexido em código CSS kkkk consegui desenrolar bastante coisa, mas isso tá me travando. Você consegue me ajudar? Te agradeço dms!

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

    matou a pau, bom demais, o neogcio é tao simples mano, como nao entendia, beijo na careca

    •  Год назад

      Valeu Brayan! Volte sempre!

  • @JúliaQueiroz-q3c
    @JúliaQueiroz-q3c 2 месяца назад +1

    video muito objetivo. Parabéns Feijó

    •  Месяц назад

      Obrigado pela visita!

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

    Eu eu deixo aquele espaço por exemplo: DIV 1 | DIV2 | DIV 3 e tem aquele espaço que sempre fica desproporcional

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

    Feijó, sou Ricardo e estou começando agora e quero me desenvolver como front end, por favor, poderia me dar uma orientação de uma trilha de estudos? Obrigado.

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

    Enfim, ta fazendo sentindo.
    Obrigado!

    •  Год назад

      Fico feliz que esteja ajudando!

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

    Boa noite, sua didatica é excelente muito obrigado

    •  Год назад

      Valeu pela visita!

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

    aos 14:22 ele disse que faria outro video sobre propriedades mais avançadas, alguem tem o link?? muito boa a aula

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

    vídeo sensacional! ajudou demais :)

    •  Год назад

      Que bom que ajudou!

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

    QUE DIDATICA FODAAAAAAAAAAAAA PARABENSS MAN, MAIS 1 INCRITO

    •  Год назад

      Valeu Thiago!

  • @Gustavoalves-dd6xr
    @Gustavoalves-dd6xr Год назад +1

    irmão, que aula!! que didatica!! isso é elite

    •  Год назад

      Obrigado!!! Que bom que gostou!

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

    Didática excelente! Aprendi muito.

    •  Год назад

      Que ótimo! Obrigado pela visita !!!

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

    Mano Vlw Cara!!

    •  Год назад

      Obrigado pela visita!!!

  • @Alucard.2024
    @Alucard.2024 10 месяцев назад

    Faz um vídeo sobre position relative e absolute pfv

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

    Excelente conteúdo estou iniciando meus estudos sobre posicionamento e sua explicação foi muito esclarecedora. Obrigado!

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

      Obrigado Alessandro, que bom que ajudou! Grande abraço!

  • @VictorSantos-yb8ir
    @VictorSantos-yb8ir 2 года назад +1

    Aula muito rica, parabéns!

    •  2 года назад

      Valeu Victor! Obrigado pela visita!

  • @brunnoallfaria
    @brunnoallfaria Год назад +2

    Parabéns, conhecimento muitos sabem, mas transmiti-los são raros e vc é raridade .

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

      Obrigado pelo comentário e pela visita!

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

    muito boa sua didática

    •  Год назад

      Obrigado!

  • @gabriel-jb1dd
    @gabriel-jb1dd 7 месяцев назад +1

    que vídeo incrível!

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

      Obrigado Gabriel, bem vindo!

  • @danylosantos5303
    @danylosantos5303 10 месяцев назад +2

    que aula meu amigo parabens . ja assistir varias aula de display flex mais sua a melhor 100%

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

      Obrigado Danylo, que bom que ajudou!

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

    O seu código me salvou!

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

      Obrigado! Bem vindo!

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

    Top a aula! Você tem o de grid no seu canal?

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

    Mano, simples conciso e prático já dei meu like, vou ser sincero em algumas práticas como landing page , mas quando se trata de algo mais complexo o velho faz serviço direitinho.
    Obrigado !!!!!

    •  2 года назад

      Obrigado pela visita e pelo comentário! Grande abraço e feliz ano novo !!

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

      @ eu que agradeço pela aula, feliz ano novo!!!

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

    o vídeo começa às 2:40

    •  Год назад

      Exato Felinto, depois da introdução! Obrigado pela visita! Grande abraço!

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

    Seu jeito de ensinar é incrível. Por favor, traga mais conteúdo, se possível faça cursos também sobre HTML,CSS e JAVASCRIPT. Eu pagaria pelos seus cursos fácil fácil... hahaha! valeu irmão, tamo junto, sucesso aí!

    •  Год назад

      Farei em breve! Obrigado pela visita!

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

    Muito bom mesmo

    •  2 года назад

      Valeu! obrigado pela visita!

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

    Excelente, Feijó!

    •  2 года назад

      Muito obrigado! Valeu pela visita!

  • @hnz-xq4iv
    @hnz-xq4iv Год назад +1

    muito bommmmmmmmmmmm

    •  Год назад

      Valeu rapaz!

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

    Show. Ótima didática, direta e objetiva. Obrigado por compartilhar seus conhecimentos. Sucesso. 👏👏

    •  Год назад +1

      Eu que agradeço! Valeu!

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

    mais um inscrito

    •  Год назад

      Valeu Castro!

  • @diogoalves4469
    @diogoalves4469 10 месяцев назад +1

    Obrigadooooooo, que vídeo ótimo!

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

      Obrigado Diogo, bem vindo ao canal!

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

      Obrigado!! Tirando o canal, teria algum outro lugar ou outra forma para está apredendo mais com vc? Preciso de muita ajuda sobre Front-end.@

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

    exelente conteúdo

    •  Год назад

      Obrigado 👍 Makay!

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

    EXCELENTE 👏😀

    •  Год назад

      Obrigado 😃 pela visita e pelo comentário!

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

    Ótimo conteúdo Professor! Comecei a tirar minha formação Dev Web aqui na França faz uma semana!
    fico confuso muitas vezes pois a barreira linguística é muito grande! Obrigado por me explicar em 20 minutos o que tenho demorado dias a perceber (Finalmente vou conseguir meter uns botões bem enquadrados na minha nav 😅).
    Por favor lance mais conteúdo html e css para novatos como eu ❤
    Ganhou um subscrito sem dúvida 🙏🏽

    •  Год назад

      Obrigado Nuno! Bem vindo!

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

    Muito booom

    •  Год назад

      Obrigado José, que bom que tu ajudou!

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

    Feijó caí de paraquedas aqui no video, ajudou bastante na duvida que eu tinha e ainda aprendi a criar varias divs sem usar o CTRL C + V , ganhou mais um inscrito, parabéns, vou olhar seus demais videos.

    •  Год назад

      Valeu Gafanhoto! Abraço!

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

    Boa tarde professor, uma duvida:
    ao invés de usar o "heigth: 100vp;" eu poderia usar o max-height ??

    •  2 года назад

      Boa tarde Roberto, acho que max-height não vai rolar não, a não ser que você tenha um conteúdo que extrapole a altura do container pai, dai ele vai "trancar" no seu max-height...

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

    Me ajudou muito, por mais Feijó como você no RUclips.
    Fica com Deus

    •  Год назад

      Que bom que ajudou! Valeu Cambada!

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

    Muito bom

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

      Obrigado! Bem vindo!

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

    Ótimo

    •  Год назад

      Valeu!

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

    Cara que explicação e didática maravilhosa, o conteúdo fixo na cabeça de tal forma absurda.
    Parabéns professor, você é diferente.

    •  Год назад

      Obrigado pela visita! Valeu!

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

    meu deus que aula!!!! fiz tantas anotações e sanei tantas dúvidas que até tinha esquecido kkkk obrigada!

    •  Год назад

      Que bom Lara! Obrigado!

  • @Rafael11piraju
    @Rafael11piraju Год назад +2

    Assistindo em #2023 aqui. Didática excelente

    •  Год назад

      Valeu Rafael! Obrigado!

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

    Cara tu explica muito bem, parabéns!

    •  2 года назад

      Obrigado pelo elogio Tigu! Grande abraço!

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

    Muito obrigado por essa aula maravilhosa! Esclareceu tudo de forma simples e direta.

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

      Que bom que ajudou!

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

    foi postado há dois anos, foi o melhor quer assistir ate agora direto e objetivo

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

      Que bom que ajudou GESTO26!

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

    Cara, nem vi a aula toda ainda, mas já achei foda, como já disseram, didática foda cara! Ganhou um inscrito!

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

      Terminei de assistir e testar aqui, aula realmente fantástica!!

    •  Год назад

      Valeu Gustavo!!! Bem vindo ao Canal!

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

    Sou iniciante em desenvolvimento Web, e vc me ajudou a resolver um problema, aula muito top, parabéns..

    •  2 года назад

      Que bom que ajudou! Obrigado pelo feedback Vitor!

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

    o meu align-items: center parece nao funcionar

    •  Год назад

      Revisa se teu elemento pai está como "flex" ;)

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

    Parabéns pela didática, top demais, explicou além do esperado ..

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

      Obrigado! Bem vindo!

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

    Top mano! Simples e muito leve a explicação! Parabéns!

    •  2 года назад

      Obrigado Diógenes! Grande abraço!

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

    Caramba ajudou muito

    •  2 года назад

      Muito obrigado Cleiso, fico feliz em ter ajudado!

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

      ruclips.net/video/aHk5Cnht_qk/видео.html veja ai

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

    Assistindo em #2024 aqui. Didática excelente!!

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

      Valeu ninja!!! Obrigado!

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

    Feijó, caso os elementos filhos estejam saindo fora do elemento pai, o que deve ser feito?
    Se puder me dá uma explicação rasa mesmo, só para me dar uma direção, ficarei extremamente agradecida.

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

    Man tu explicou resumidamente muito bem, parabéns msm

    •  Год назад

      Valeu João! Abraço!

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

    Parabéns, cara. Poderia me tirar uma dúvida, por favor?
    No caso dos itens vazarem para fora do contêiner?

  • @516jonathan
    @516jonathan 2 года назад +1

    Um dos melhores vídeos que achei sobre o assunto! parabéns.

    •  2 года назад

      Obrigado Jonathan! Bem vindo ao canal!

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

    Melhor aula de flex do youtube. Parabéns

    •  2 года назад

      Obrigado Michael! Grande abraço!