CSS Flexbox: Tutorial Completo

Подписаться 248 тыс.

Просмотров 57 тыс.

50% 1

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.com.br/guia/css/...
Curso de Flexbox:
www.devmedia.com.br/css3-flex...
Confira a assinatura da DevMedia:
www.devmedia.com.br/pro/?utm_...
== Sigam-nos nas redes sociais:
LinkedIn: / devmedia
Facebook ➞ / devmedia.com.br
Twitter ➞ / devmedia
Instagram ➞ / devmedia.com.br

Наука

Опубликовано:

20 мар 2020

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 112

@yasminesteves5823 3 года назад

"Sejam bem vindos, sobreviventes do apocalipse" - março de 2020, esse cara é obviamente um viajante do tempo

@pedroj.2526 3 года назад

medo

@chocozera7843 2 года назад

Eram só 15 dias...

@antonionogueira5273 2 года назад

E hj estamos diante de um início para uma possível 3º guerra mundial kkkkk

@jsdeveloper.website 2 года назад

É o melhor vídeo, sobre flexbox, obrigado.

@peq5298 4 года назад

apresentador do conteúdo bem carismático, isso faz toda a diferença

@GuisepeCamoli 2 года назад

Que conteúdo é esse minha gente? Inigualável.

@leodominoni Год назад

FINALMENTE entendi! MUITO OBRIGADA!

@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.

@mosheellovitch8262 4 года назад

Parabéns! Realmente ficou muito fácil de entender com essas animações.

@ferlunigames4475 2 года назад

Aula top, parabéns! Eu que estou aprendendo estou achando o máximo, entendendo mais a respeito!

@fabi_mms 2 года назад

Didática excelente. Clareou a mente quando ao assunto. Parabéns!

@alisonlima2042 2 года назад

Muito bom mano! Vim buscar explicações adicionais e foi muito didático. Parabéns!

@wydrianmatheus3802 2 года назад

Essas animações explicam demais, acho muito bom isso, parabéns

@oscarpauzerfilho2003 3 года назад

Ótimas explicações, PARABÉNS!!!👏👏👏

@welber-crcredito7319 4 года назад

Excelente, perfeito, gostei muito

@GabrielPereira-it6nv 2 года назад

Eu acho que esse é o melhor vídeo que eu vi de flexbox

@mrcryptoman5801 4 года назад

Conteúdo top! Curso fechado recomendado muito! Liked

@BrunoHenrique-bo4bz 2 года назад

Simplesmente a melhor explicação sobre flexbox que eu encontrei na internet. Segura meu like, porra

@webtube360 4 года назад

Ficou muito bom, parabéns pra vcs por trabalho !!

@mbs2488 3 года назад

Muito Bem Explicado, Parabéns !!!

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

Esse vídeo é muito bom, me esclareceu muitas duvidas

@rogercode1631 4 года назад

Gostei. Bem didático

@fellipesilvaaaaa 4 года назад

Que vídeo FODA! 💚✨

@victtorcesar1681 4 года назад

Explicou muito bem! Uso o FlexBox e adoro, fale de grid também

@iwryrozemberg 4 года назад

Muito bem exposto!! Parabéns !!! Aguardo o vídeo de grid!

@larradebroham7615 3 года назад

otimo video de apresentação obg!

@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

@REDIDSoft 4 года назад

exceleten video, parabéns

@duckswim 2 года назад

incrível isso ajuda muito

@cassiogp 4 года назад

Muito bom, hein! Agora sim eu aprendi kkkk Valeu!

@MatheusSilva-of7mp 3 года назад

Que video maravilhoso.

@Peixee19 2 года назад

MAno, que vídeo necessário e gostoso de se ver kkkkkk obrigado!

@matheushonorato4740 4 года назад

Excelente!

@AnaPaula-ec4mh 4 года назад

Muito bom!!

@CarlosEduardo-os1vg 4 года назад

Muito bom.

@galeriaativa9208 2 года назад

Caramba, amei a didática. vcs sao fodas!!

@alvarobiazonpessoa3710 4 года назад

Video fodaaaaaaa

@lcsbertelli 4 года назад

Muito bom mesmo esse vídeo! Parabéns!

@devmedia.oficial 4 года назад

Valeu Lucas! 😁

@Renatoapg 4 года назад

Top demais.

@pedrinho0947 2 года назад

o Estevão e bom para explicar :), agora vou resolver os exs.

@Saudavelpro 4 года назад

Aí agora ficou top.

@-lotosuy 4 года назад

Muito bom

@Daniel-DAC 3 года назад

Excelente!!! :D

@andersonalvesdeoliveira7652 4 года назад

👏👏👏

@douglasfraporti2168 4 года назад

caracas mano, esse video ficou muito bom, conteúdo bacana mesmo.

@aqueleestevao 4 года назад

Douglas Fraporti valeu ✌🏻 grande abraço fera

@1984diegobobby 3 года назад

ao melhor video que vi explicando essa bagunça ai kk

@motivacao-fire 3 года назад

Caramba,em menos de '10 minutos tive um conhecimento que demoraria horas ou até dias pra obter,gratidão.

@luckingbr2047 Год назад

Pepino?

@MixtliTurboDriver 4 года назад

Só com esse vídeo da pra fazer inúmeras interfaces

@igomorais1 3 года назад

Pqp muito bem explicado!

@ProfLucasCastro 2 года назад

Top

@lilianb.6465 4 года назад

Melhor vídeo

@devmedia.oficial 4 года назад

Vlw Lilian! 🤗

@dalembergmonteiro6504 3 года назад

Explicou muitooo

@dvsantana9814 4 года назад

Kkk os efeitos que tem no video são os melhores kkk

@devmedia.oficial 4 года назад

🤣

@cladassombras2624 3 года назад

Grid e muito bom

@alanalves5030 2 года назад

Desenhando fica mais fácil 😂😂. Obrigado! Ah! o cara que edita os vídeos é top!

@derickdejesus6392 4 года назад

Vídeo excelente e bem didático. Na próxima falem do Grid. ;)

@aqueleestevao 4 года назад

Derick de Jesus valeu ✌🏻 🙏🏻 estamos chegando lá

@ImperadorSid 4 года назад

Queremos vídeos de CSS Grid

@lucasnovaes-programacao2869 4 года назад

To apanhando pra flexbox e o vídeo foi bem didático. Valeu! :}

@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 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.

@shinGGakuma 3 года назад

ahh mano namoral traz em video esse editor de video de vcs kkkkkkkkkk o cara merece um aumento

@agustinhoyt 3 года назад

Vc que vai dar?

@shinGGakuma 3 года назад

@@agustinhoyt pode ser seu pai !

@AnaPaulagamer 3 года назад

fala de Grid sim

@lucsne10 4 года назад

Fala sobre grid !!!

@viniciussantos1803 4 года назад

"Fala de grid" - by Eu msm pfv :)

@aqueleestevao 4 года назад

Vinicius Santos é o próximo millestone 🙏🏻😅

@quebragalho8440 2 года назад

FAZ UM VIDEO SOBRE GRID!

@192ell 3 года назад

música do twenty one pilots 🤩🤩🤩

@matheusanacleto6282 4 года назад

A musica do inicio era Legend to Twenty One Pilots?

@tc-paris7 4 года назад

qual a diferenca entre site e aplicacao?

@fjacyntho 4 года назад

Qual foi o Vídeo anterior?

@LucasKetelhut 3 года назад

demais! adeus float e position kkkkk

@cassiosc8256 4 года назад

E o Bootstrap foi deixado de lado ou seria essa mais uma opção ?

@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.

@eltonleao3979 4 года назад

Faz o Urro. E fala de Grid, Pfzim.

@aqueleestevao 4 года назад

Elton Leao kkkkkk 🌟

@lucsne10 4 года назад

Não se fala site por algum motivo específico ?

@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

@PlayerNato 4 года назад

Tragam o GRID pessoal! ♥️

@franklyndellano7538 Год назад

Aula muito boa gostei demais mas arrumar a dicção em inglês é imprescindível.

@RudneyLeal 2 года назад

Qual a diferença do Display: flex; para o Display: flexbox; ?

@michelsouza3868 4 года назад

sabe essa semana que vem o cass grid?

@aqueleestevao 4 года назад

Michel Souza quem sabe? 🤷🏻‍♂️

@mrcryptoman5801 4 года назад

Abaixa a música plz, valeu!

@dgcass8986 3 года назад

Caramba, é tanta coisa que parece uma nova linguagem ksksks.

@DQUFRRJ2010 3 года назад

"O cara é bonitão, parece o Sasuke".

@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 4 года назад

Também estou nessa dúvida

@marcelocampos_developer Год назад

@@hoffmann-dev ow eai como vai a vida hoje

@edgaralmeidadikenge7133 4 года назад

Vocês podem falar dos que começam com '- ou - -' como '-webkit',etc

@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 4 года назад

Edgar Almeida Dikenge pesquise sobre prefixos, mas o cara aí já respondeu como funciona

@andersonsoares3640 2 года назад

Flex e Flexbox é a mesma coisa?

@enzopatryck6479 2 года назад

é impressão minha ou ta tocando legend do twenty one pilots no início ?

@judehaalandham Год назад

onde aprendo a fazer video com animações assim?

@prodigyxxx 4 года назад

Mobile First.

@mr.oliver559 4 года назад

Faltou falar sobre "flex-flow" kk.

@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 4 года назад

@@aqueleestevao Tranquilo kkk