Entendendo o básico de display : flex
HTML-код
- Опубликовано: 5 июл 2021
- 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/csfeijo/quarentena...
Até a próxima! 
Наука
foi postado há dois anos, foi o melhor quer assistir ate agora direto e objetivo
Que bom que ajudou GESTO26!
17:23 acredito que esta explicação fará com que uma imagem ocupe a tela toda.
Muito obrigado, Feijó! Abraço!
Que aula perfeita sério mesmo! Entendi com uma facilidade que só
Que bom que ajudou! Obrigado pela visita!
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!
Sucesso!
Um abraço e obrigado pela visita Fernando! Não esqueça de se inscrever para novidades!
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!
Obrigado Anna! Em breve mais conteúdo, que bom que ajudou!
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..
Valeu Renan! Bem vindo!
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.
Valeu Abel! Obrigado pelo comentário e visita!
Parabéns, conhecimento muitos sabem, mas transmiti-los são raros e vc é raridade .
Obrigado pelo comentário e pela visita!
Boa noite, sua didatica é excelente muito obrigado
Valeu pela visita!
valeu professor, ótima aula e didática, tudo claro e objetivo.
E belo quarto do filhote kkk
abs
Valeu Pedro, obrigado pela visita!!! Abração
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!
Valeu Fabiana! Obrigado pela visita, que bom que gostou! Grande abraço!
Que aula em meu querido!!! Muito Show, obrigado pela ajuda!
Eu que agradeço pela visita e pelo comentário!
Você é um anjo e um ótimo professor. Tô me inscrevendo agora!
Valeu faObio! Obrigado pela visita!
irmão, que aula!! que didatica!! isso é elite
Obrigado!!! Que bom que gostou!
Didática excelente! Aprendi muito.
Que ótimo! Obrigado pela visita !!!
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!
Aula muito boaa, didática incrível, obrigado pelo video
Valeu Edson! Bem vindo!
Assistindo em #2023 aqui. Didática excelente
Valeu Rafael! Obrigado!
Simplesmente Show.... Obrigado pelo conteúdo.
Eu que agradeço Paulo! Valeu pela visita!
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!
Parabéns. Ficou mais claro pra mim. Seguindo e vou ver mais vídeos.
Obrigado, seja bem vindo!
Aula muito rica, parabéns!
Valeu Victor! Obrigado pela visita!
que aula meu amigo parabens . ja assistir varias aula de display flex mais sua a melhor 100%
Obrigado Danylo, que bom que ajudou!
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!
Cara, nem vi a aula toda ainda, mas já achei foda, como já disseram, didática foda cara! Ganhou um inscrito!
Terminei de assistir e testar aqui, aula realmente fantástica!!
Valeu Gustavo!!! Bem vindo ao Canal!
Me ajudou muito, por mais Feijó como você no RUclips.
Fica com Deus
Que bom que ajudou! Valeu Cambada!
Excelente, Feijó!
Muito obrigado! Valeu pela visita!
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 !!!!!
Obrigado pela visita e pelo comentário! Grande abraço e feliz ano novo !!
@ eu que agradeço pela aula, feliz ano novo!!!
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.
Faremos!
Obrigado pela dica e visita ISAQUE!
Não esqueça de se inscrever para novidades!
Parabéns, muito bem explicado
Valeu Clientes Sites! Abração!
Muito bom, obrigado, professor.
Bons estudos! Obrigado pela visita Victor!
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!!!!!!!!!!
Valeu Lucas! Muito obrigado!!!
Show de bola! Valeu pela explicação!
Obrigado Gustavo!!! Grande abraço!
Show. Ótima didática, direta e objetiva. Obrigado por compartilhar seus conhecimentos. Sucesso. 👏👏
Eu que agradeço! Valeu!
Um dos melhores vídeos que achei sobre o assunto! parabéns.
Obrigado Jonathan! Bem vindo ao canal!
Excelente conteúdo estou iniciando meus estudos sobre posicionamento e sua explicação foi muito esclarecedora. Obrigado!
Obrigado Alessandro, que bom que ajudou! Grande abraço!
Enfim, ta fazendo sentindo.
Obrigado!
Fico feliz que esteja ajudando!
Excelente didática, parabéns bro.
Muito obrigado! Bem vindo!
Muito obrigado por compartilhar seus conhecimento, sua aula é bem didatica nota mil.
Valeu pela visita e pelo feedback!
Maravilhoso professor, fantástica sua explicação grato por compartilhar conhecimento
Valeu Andre!
Muito obrigado por essa aula maravilhosa! Esclareceu tudo de forma simples e direta.
Que bom que ajudou!
Melhor aula de flex do youtube. Parabéns
Obrigado Michael! Grande abraço!
Obrigado...Agora entendi bem...Você explica muito bem!
Obrigado Diego!!! Em breve mais conteúdo!
Meu amigo.... você nasceu pra isso. Didática incrível. Já me inscrevi e ja vou assistir outros videos.
Que honra! Obrigado Robson!
Cara tu explica muito bem, parabéns!
Obrigado pelo elogio Tigu! Grande abraço!
Top mano! Simples e muito leve a explicação! Parabéns!
Obrigado Diógenes! Grande abraço!
O seu código me salvou!
Obrigado! Bem vindo!
muito boa sua didática
Obrigado!
Man tu explicou resumidamente muito bem, parabéns msm
Valeu João! Abraço!
Sou iniciante em desenvolvimento Web, e vc me ajudou a resolver um problema, aula muito top, parabéns..
Que bom que ajudou! Obrigado pelo feedback Vitor!
Muito fácil de compreender com sua forma de explicar. Mais um inscrito aqui
Bem vindo Magno!
vídeo sensacional! ajudou demais :)
Que bom que ajudou!
Parabéns pela didática, top demais, explicou além do esperado ..
Obrigado! Bem vindo!
Muito bom mesmo
Valeu! obrigado pela visita!
que aula incrivel parabens
Obrigado 😃
Aula foi tão boa que passou voando, parabéns!
Obrigado Cezar! Grande abraço!
que vídeo incrível!
Obrigado Gabriel, bem vindo!
EXCELENTE 👏😀
Obrigado 😃 pela visita e pelo comentário!
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!
exelente conteúdo
Obrigado 👍 Makay!
QUE DIDATICA FODAAAAAAAAAAAAA PARABENSS MAN, MAIS 1 INCRITO
Valeu Thiago!
Eu admiro professores com esta qualidade... Eu já conhecia um pouco do Flex, mas essa explicação trouxe pra mim mais aprendizado, eu tinha algumas dúvidas mas com essa aula tá tudo explicado...Muito obrigado proff 👌
Sucesso! Obrigado pela visita!!!
Ual, você me ajudou muito
Que bom que ajudou! Obrigado pela visita!
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!
matou a pau, bom demais, o neogcio é tao simples mano, como nao entendia, beijo na careca
Valeu Brayan! Volte sempre!
Em 20 minuto vc me tirou uma grande duvida muito obrigado
Obrigado Admilson! Bem vindo!
meu deus que aula!!!! fiz tantas anotações e sanei tantas dúvidas que até tinha esquecido kkkk obrigada!
Que bom Lara! Obrigado!
Obrigadooooooo, que vídeo ótimo!
Obrigado Diogo, bem vindo ao canal!
Obrigado!! Tirando o canal, teria algum outro lugar ou outra forma para está apredendo mais com vc? Preciso de muita ajuda sobre Front-end.@
Assistindo em #2024 aqui. Didática excelente!!
Valeu ninja!!! Obrigado!
Otimo vídeo amigo
Valeu Fábio! Obrigado pela visita!
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!
se loco, sensacional a aula, tenho facilidade com o back mas quando chego pra fazer design eu passo mal
Sucesso! Espero ter ajudado!
Mano Vlw Cara!!
Obrigado pela visita!!!
Ó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!
Muito bom
Obrigado! Bem vindo!
Ótimo
Valeu!
aula top
Obrigado Marcos! Grande abraço!
muito bommmmmmmmmmmm
Valeu rapaz!
Caramba ajudou muito
Muito obrigado Cleiso, fico feliz em ter ajudado!
ruclips.net/video/aHk5Cnht_qk/видео.html veja ai
sencasional!!
Obrigado pela visita!
Muito booom
Obrigado José, que bom que tu ajudou!
Top a aula! Você tem o de grid no seu canal?
Faz um vídeo sobre position relative e absolute pfv
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?
mais um inscrito
Valeu Castro!
Parabéns, cara. Poderia me tirar uma dúvida, por favor?
No caso dos itens vazarem para fora do contêiner?
O prefessor masse tipo uma foto em um lugar especifico tem que usar left o right
Eu eu deixo aquele espaço por exemplo: DIV 1 | DIV2 | DIV 3 e tem aquele espaço que sempre fica desproporcional
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.
aos 14:22 ele disse que faria outro video sobre propriedades mais avançadas, alguem tem o link?? muito boa a aula
Opa sabe me dizer quando devo utilizar o flex invés de grid?
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.
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?
o vídeo começa às 2:40
Exato Felinto, depois da introdução! Obrigado pela visita! Grande abraço!
Boa tarde professor, uma duvida:
ao invés de usar o "heigth: 100vp;" eu poderia usar o max-height ??
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...
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!
os foguetes começaram a eestourar com a centralizão dentro do body
Que lindo ouvir isso! Obrigado pela visita Ana!
o meu align-items: center parece nao funcionar
Revisa se teu elemento pai está como "flex" ;)
Procure uma explicação melhor que a do Professor Feijó sobre o display flex e falhe miseravelmente. Obrigado 🙏
Valeu Raul!! Obrigado pela visita!
A qualidade da imagem está ruim !