No video

CSS Flexbox: Tutorial Completo

  Рет қаралды 57,300

DevMedia

DevMedia

4 жыл бұрын

FlexBox é a nova religião da galera que usa o CSS3 e o que temos de mais modernos pra construção de layouts. Então separamos para vocês um conteúdo super especial com esse guia de FlexBox que vai te ajudar a dominar todas as propriedades dos contêineres e dos itens dentro deles para que você seu layout limpo, organizado e responsivo.
#FlexBox #CSS #HTML
Acesse nosso guia de CSS:
www.devmedia.c...
Curso de Flexbox:
www.devmedia.c...
Confira a assinatura da DevMedia:
www.devmedia.c...
== Sigam-nos nas redes sociais:
LinkedIn: / devmedia
Facebook ➞ / devmedia.com.br
Twitter ➞ / devmedia
Instagram ➞ / devmedia.com.br

Пікірлер: 112
@yasminesteves5823
@yasminesteves5823 3 жыл бұрын
"Sejam bem vindos, sobreviventes do apocalipse" - março de 2020, esse cara é obviamente um viajante do tempo
@pedroj.2526
@pedroj.2526 3 жыл бұрын
medo
@chocozera7843
@chocozera7843 2 жыл бұрын
Eram só 15 dias...
@antonionogueira5273
@antonionogueira5273 2 жыл бұрын
E hj estamos diante de um início para uma possível 3º guerra mundial kkkkk
@jsdeveloper.website
@jsdeveloper.website 2 жыл бұрын
É o melhor vídeo, sobre flexbox, obrigado.
@adamsinstrutor-tecnico484
@adamsinstrutor-tecnico484 4 жыл бұрын
Parabéns! Essa didática ilustrativa traz muito mais aprendizado e resultado final. Estou começando e a dificuldade é diferenciar cada propriedade.Obrigado.
@leodominoni
@leodominoni Жыл бұрын
FINALMENTE entendi! MUITO OBRIGADA!
@alexandregaldino5508
@alexandregaldino5508 11 ай бұрын
Esse vídeo é muito bom, me esclareceu muitas duvidas
@extremamg1
@extremamg1 3 жыл бұрын
Sensacional! Estou estudando a 1 semana HTML e CSS para começar no JavaScript e realmente estava muito difícil entender o posicionamento dos itens com relação as divisões. Este vídeo foi bem visual e auditivo, assim ajudando meu entendimento no assunto. Partiu ver o resto kkk
@peq5298
@peq5298 4 жыл бұрын
apresentador do conteúdo bem carismático, isso faz toda a diferença
@BrunoHenrique-bo4bz
@BrunoHenrique-bo4bz 2 жыл бұрын
Simplesmente a melhor explicação sobre flexbox que eu encontrei na internet. Segura meu like, porra
@GuisepeCamoli
@GuisepeCamoli 2 жыл бұрын
Que conteúdo é esse minha gente? Inigualável.
@victtorcesar1681
@victtorcesar1681 4 жыл бұрын
Explicou muito bem! Uso o FlexBox e adoro, fale de grid também
@mrcryptoman5801
@mrcryptoman5801 4 жыл бұрын
Conteúdo top! Curso fechado recomendado muito! Liked
@fabi_mms
@fabi_mms 2 жыл бұрын
Didática excelente. Clareou a mente quando ao assunto. Parabéns!
@GabrielPereira-it6nv
@GabrielPereira-it6nv 2 жыл бұрын
Eu acho que esse é o melhor vídeo que eu vi de flexbox
@alisonlima2042
@alisonlima2042 2 жыл бұрын
Muito bom mano! Vim buscar explicações adicionais e foi muito didático. Parabéns!
@derickdejesus6392
@derickdejesus6392 4 жыл бұрын
Vídeo excelente e bem didático. Na próxima falem do Grid. ;)
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Derick de Jesus valeu ✌🏻 🙏🏻 estamos chegando lá
@duckswim
@duckswim 2 жыл бұрын
incrível isso ajuda muito
@webtube360
@webtube360 4 жыл бұрын
Ficou muito bom, parabéns pra vcs por trabalho !!
@douglasfraporti2168
@douglasfraporti2168 4 жыл бұрын
caracas mano, esse video ficou muito bom, conteúdo bacana mesmo.
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Douglas Fraporti valeu ✌🏻 grande abraço fera
@oscarpauzerfilho2003
@oscarpauzerfilho2003 3 жыл бұрын
Ótimas explicações, PARABÉNS!!!👏👏👏
@motivacao-fire
@motivacao-fire 3 жыл бұрын
Caramba,em menos de '10 minutos tive um conhecimento que demoraria horas ou até dias pra obter,gratidão.
@luckingbr2047
@luckingbr2047 Жыл бұрын
Pepino?
@wydrianmatheus3802
@wydrianmatheus3802 2 жыл бұрын
Essas animações explicam demais, acho muito bom isso, parabéns
@mosheellovitch8262
@mosheellovitch8262 4 жыл бұрын
Parabéns! Realmente ficou muito fácil de entender com essas animações.
@rogercode1631
@rogercode1631 4 жыл бұрын
Gostei. Bem didático
@ferlunigames4475
@ferlunigames4475 2 жыл бұрын
Aula top, parabéns! Eu que estou aprendendo estou achando o máximo, entendendo mais a respeito!
@Peixee19
@Peixee19 2 жыл бұрын
MAno, que vídeo necessário e gostoso de se ver kkkkkk obrigado!
@cladassombras2624
@cladassombras2624 3 жыл бұрын
Grid e muito bom
@andersonalvesdeoliveira7652
@andersonalvesdeoliveira7652 4 жыл бұрын
👏👏👏
@REDIDSoft
@REDIDSoft 4 жыл бұрын
exceleten video, parabéns
@iwryrozemberg
@iwryrozemberg 4 жыл бұрын
Muito bem exposto!! Parabéns !!! Aguardo o vídeo de grid!
@dvsantana9814
@dvsantana9814 4 жыл бұрын
Kkk os efeitos que tem no video são os melhores kkk
@devmedia.oficial
@devmedia.oficial 4 жыл бұрын
🤣
@dalembergmonteiro6504
@dalembergmonteiro6504 3 жыл бұрын
Explicou muitooo
@ImperadorSid
@ImperadorSid 4 жыл бұрын
Queremos vídeos de CSS Grid
@pedrinho0947
@pedrinho0947 2 жыл бұрын
o Estevão e bom para explicar :), agora vou resolver os exs.
@welber-crcredito7319
@welber-crcredito7319 4 жыл бұрын
Excelente, perfeito, gostei muito
@lcsbertelli
@lcsbertelli 4 жыл бұрын
Muito bom mesmo esse vídeo! Parabéns!
@devmedia.oficial
@devmedia.oficial 4 жыл бұрын
Valeu Lucas! 😁
@cassiogp
@cassiogp 4 жыл бұрын
Muito bom, hein! Agora sim eu aprendi kkkk Valeu!
@CarlosEduardo-os1vg
@CarlosEduardo-os1vg 4 жыл бұрын
Muito bom.
@shinGGakuma
@shinGGakuma 3 жыл бұрын
ahh mano namoral traz em video esse editor de video de vcs kkkkkkkkkk o cara merece um aumento
@agustinhoyt
@agustinhoyt 3 жыл бұрын
Vc que vai dar?
@shinGGakuma
@shinGGakuma 3 жыл бұрын
@@agustinhoyt pode ser seu pai !
@galeriaativa9208
@galeriaativa9208 2 жыл бұрын
Caramba, amei a didática. vcs sao fodas!!
@mbs2488
@mbs2488 3 жыл бұрын
Muito Bem Explicado, Parabéns !!!
@lucsne10
@lucsne10 4 жыл бұрын
Fala sobre grid !!!
@quebragalho8440
@quebragalho8440 2 жыл бұрын
FAZ UM VIDEO SOBRE GRID!
@MixtliTurboDriver
@MixtliTurboDriver 4 жыл бұрын
Só com esse vídeo da pra fazer inúmeras interfaces
@MatheusSilva-of7mp
@MatheusSilva-of7mp 3 жыл бұрын
Que video maravilhoso.
@alanalves5030
@alanalves5030 2 жыл бұрын
Desenhando fica mais fácil 😂😂. Obrigado! Ah! o cara que edita os vídeos é top!
@AnaPaula-ec4mh
@AnaPaula-ec4mh 4 жыл бұрын
Muito bom!!
@lucasnovaes-programacao2869
@lucasnovaes-programacao2869 4 жыл бұрын
To apanhando pra flexbox e o vídeo foi bem didático. Valeu! :}
@ferlunigames4475
@ferlunigames4475 2 жыл бұрын
Eai Lucas após 1 ano como vc está na programação? estou perguntando pq estou na mesma situação que vc a 1 ano atrás! kkk , só pra eu ter uma previsão!kkk
@lucasnovaes-programacao2869
@lucasnovaes-programacao2869 2 жыл бұрын
@@ferlunigames4475 Eu consegui uma vaga de front-end jr e estou com 1 ano de experiência agora! A vaga era muito além do que eu podia oferecer, mas já que não me mandaram embora, eu continuei uheuehuhe. A dificuldade sempre aumenta até hoje (vida de startup, você acumula funções). Mesmo que tenha sido conturbado, aprendi bastante.
@viniciussantos1803
@viniciussantos1803 4 жыл бұрын
"Fala de grid" - by Eu msm pfv :)
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Vinicius Santos é o próximo millestone 🙏🏻😅
@-lotosuy
@-lotosuy 4 жыл бұрын
Muito bom
@larradebroham7615
@larradebroham7615 3 жыл бұрын
otimo video de apresentação obg!
@fellipesilvaaaaa
@fellipesilvaaaaa 4 жыл бұрын
Que vídeo FODA! 💚✨
@alvarobiazonpessoa3710
@alvarobiazonpessoa3710 4 жыл бұрын
Video fodaaaaaaa
@Saudavelpro
@Saudavelpro 4 жыл бұрын
Aí agora ficou top.
@1984diegobobby
@1984diegobobby 3 жыл бұрын
ao melhor video que vi explicando essa bagunça ai kk
@lilianb.6465
@lilianb.6465 4 жыл бұрын
Melhor vídeo
@devmedia.oficial
@devmedia.oficial 4 жыл бұрын
Vlw Lilian! 🤗
@eltonleao3979
@eltonleao3979 4 жыл бұрын
Faz o Urro. E fala de Grid, Pfzim.
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Elton Leao kkkkkk 🌟
@AnaPaulagamer
@AnaPaulagamer 4 жыл бұрын
fala de Grid sim
@ProfLucasCastro
@ProfLucasCastro 2 жыл бұрын
Top
@matheushonorato4740
@matheushonorato4740 4 жыл бұрын
Excelente!
@Daniel-DAC
@Daniel-DAC 3 жыл бұрын
Excelente!!! :D
@Renatoapg
@Renatoapg 4 жыл бұрын
Top demais.
@192ell
@192ell 3 жыл бұрын
música do twenty one pilots 🤩🤩🤩
@LucasKetelhut
@LucasKetelhut 3 жыл бұрын
demais! adeus float e position kkkkk
@igomorais1
@igomorais1 3 жыл бұрын
Pqp muito bem explicado!
@abnertarso5141
@abnertarso5141 4 жыл бұрын
E esse vídeo do Grid ai que até agora não saiu? É porque não tem conteúdo de Grid na plataforma de vocês né? Entendi.
@lucsne10
@lucsne10 4 жыл бұрын
Não se fala site por algum motivo específico ?
@franklyndellano7538
@franklyndellano7538 Жыл бұрын
Aula muito boa gostei demais mas arrumar a dicção em inglês é imprescindível.
@mrcryptoman5801
@mrcryptoman5801 4 жыл бұрын
Abaixa a música plz, valeu!
@DQUFRRJ2010
@DQUFRRJ2010 3 жыл бұрын
"O cara é bonitão, parece o Sasuke".
@RudneyLeal
@RudneyLeal 2 жыл бұрын
Qual a diferença do Display: flex; para o Display: flexbox; ?
@cassiosc8256
@cassiosc8256 4 жыл бұрын
E o Bootstrap foi deixado de lado ou seria essa mais uma opção ?
@edgaralmeidadikenge7133
@edgaralmeidadikenge7133 4 жыл бұрын
Vocês podem falar dos que começam com '- ou - -' como '-webkit',etc
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Edgar Almeida Dikenge beleza? Essas são funcionalidades experimentais ou ainda não oficialmente lançadas. Funciona assim, tem um pessoal que tem ideias de como o CSS deve funcionar. Quando uma delas é aprovada ela vira uma funcionalidade oficial. A partir daí começa uma corrida dos navegadores pra fazer essa funcionalidade funcionar. Quando a coisa ainda tá em andamento, a equipe do navegador não tá ainda muito segura pra dizer “tudo certo, pode usar” eles lançam a funcionalidade como - ou - -. Então fique atento quando for usar essas funcionalidades porque elas podem não funcionar muito bem.
@Saudavelpro
@Saudavelpro 4 жыл бұрын
Edgar Almeida Dikenge pesquise sobre prefixos, mas o cara aí já respondeu como funciona
@michelsouza3868
@michelsouza3868 4 жыл бұрын
sabe essa semana que vem o cass grid?
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Michel Souza quem sabe? 🤷🏻‍♂️
@judehaalandham
@judehaalandham Жыл бұрын
onde aprendo a fazer video com animações assim?
@tc-paris7
@tc-paris7 4 жыл бұрын
qual a diferenca entre site e aplicacao?
@tonnyHypper
@tonnyHypper 3 жыл бұрын
boa noite , cara não sei se vc pode me ajudar mais , todas as buscas que eu faço no youtube os resultados vem na horizontal , como eu faço para voltar na vertical , que é o padrão ,,, tem como me ajudar por favor
@fjacyntho
@fjacyntho 4 жыл бұрын
Qual foi o Vídeo anterior?
@matheusanacleto6282
@matheusanacleto6282 4 жыл бұрын
A musica do inicio era Legend to Twenty One Pilots?
@enzopatryck6479
@enzopatryck6479 2 жыл бұрын
é impressão minha ou ta tocando legend do twenty one pilots no início ?
@andersonsoares3640
@andersonsoares3640 2 жыл бұрын
Flex e Flexbox é a mesma coisa?
@dgcass8986
@dgcass8986 4 жыл бұрын
Caramba, é tanta coisa que parece uma nova linguagem ksksks.
@wellingtonrufino3742
@wellingtonrufino3742 4 жыл бұрын
Fala DevMedia, beleza? Comecei minha história como desenvolvedor web a 3 fucking dias, e escolhi me especializar primeiramente em CSS e HTML antes de partir para o JS e outras linguagens. Esse vídeo caiu como uma luva, porque eu estava passando muito mal com a parte de posicionamento. Tô tentando pegar uma boa base em Flex box e em grid (fala dela, namoral). Tu acha que essa didática que eu escolhi é um bom caminho? Ou eu deveria tentar aprender em paralelo HTML, CSS e JS?
@hoffmann-dev
@hoffmann-dev 4 жыл бұрын
Também estou nessa dúvida
@marcelocampos_developer
@marcelocampos_developer Жыл бұрын
​@@hoffmann-dev ow eai como vai a vida hoje
@PlayerNato
@PlayerNato 4 жыл бұрын
Tragam o GRID pessoal! ♥️
@mr.oliver559
@mr.oliver559 4 жыл бұрын
Faltou falar sobre "flex-flow" kk.
@aqueleestevao
@aqueleestevao 4 жыл бұрын
Mr. Oliver beleza? Yeah manolo, faltou esse. Pra quem chegar aqui de bobeira, flex-flow é um shorthand pra flex-direction e flex-wrap, exemplo flex-flow: row wrap; 🙏🏻🙌🏻 vlw grande abraço
@mr.oliver559
@mr.oliver559 4 жыл бұрын
@@aqueleestevao Tranquilo kkk
@felipedantas8153
@felipedantas8153 3 жыл бұрын
1:12 entenda a mensagem na pratica kkkkkkk
@prodigyxxx
@prodigyxxx 4 жыл бұрын
Mobile First.
@brunoveloso4532
@brunoveloso4532 4 жыл бұрын
Muito bom!!!
CSS Anchor Is The Best New CSS Feature Since Flexbox
15:39
Web Dev Simplified
Рет қаралды 365 М.
Como é o HTML e CSS de um Estagiário?
18:00
DevMedia
Рет қаралды 268 М.
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 11 МЛН
WHO CAN RUN FASTER?
00:23
Zhong
Рет қаралды 25 МЛН
Вы чего бл….🤣🤣🙏🏽🙏🏽🙏🏽
00:18
Learn Every CSS Selector In 20 Minutes
19:38
Web Dev Simplified
Рет қаралды 445 М.
Por que você PERDE TANTO TEMPO no CSS
8:31
DevMedia
Рет қаралды 78 М.
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Origamid
Рет қаралды 648 М.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,5 МЛН
Learn Flexbox in 15 Minutes
15:12
Web Dev Simplified
Рет қаралды 1,1 МЛН
CSS GRID na PRÁTICA - Tutorial Completo
25:21
Fernanda Kipper | Dev
Рет қаралды 35 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 937 М.
Learn CSS Grid the easy way
37:04
Kevin Powell
Рет қаралды 894 М.
FLEXBOX: Guia Completo para Iniciantes em CSS
19:14
Larissa Kich
Рет қаралды 14 М.
Unveiling CSS Grid in practice | Mayk Brito
36:17
Rocketseat
Рет қаралды 372 М.
Kids' Guide to Fire Safety: Essential Lessons #shorts
00:34
Fabiosa Animated
Рет қаралды 11 МЛН