CSS. flexbox versus css grid. Qual a diferença?

#frontend #webdev

Quando usar display: flex ou display: grid do CSS? Qual a diferença?

🌟 Links comentados no vídeo e outros interessantes 🌟

📺 Playlist Mini-curso grátis de Chrome dev tools.

✅ 5 livros que eu indico para quem quer se tornar programador(a) front-end

✅ EXCELENTE Técnica para Aprender Lógica de Programação MAIS FÁCIL e Programar Sozinho(a) #01

✅ A Melhor Forma para Aprender a PROGRAMAR sozinho(a). (para iniciantes em lógica de programação) #02

✅ Dificuldades com JavaScript? Aprenda a fazer Testes de Mesa

✅ O que estudar para conseguir o primeiro emprego como dev front-end

✅ Minha experiência como programador front-end

✅ [OPINIÃO] O Programador dependente

[rogerbatista]

Esse é um conteúdo que faz uma diferença enorme. Muito obrigado por compartilhar um pouco do seu conhecimento conosco!

[comentariosreview]

Quando fui começar eu comecei pelo grid e estava tendo muita dificuldade, então fui olhar o flex e achei incrível, como você disse, o maior trabalho é separar os blocos da forma correta, mas tendo isso feito da para alinhar tudo da forma que você quiser, eu achei o flex incrível por que para mim foi muito fácil de aprende-lo e usando o flex grow e shrink você consegue deixar quase que toda responsiva, só precisando fazer pequenos ajustes no media.

[jesusaunicaverdade]

Não aprendi grid ainda. Parece super interessante. Essa semana mesmo fiz um site com flexbox mobile first, e quando chegou no desktop, tive que adicionar um monte de div, que atrapalhou na semântica do meu site.

[alvarovelame]

muito boa sua explicação simples e direta qualquer pessoa conseguirá entender boa didática mais um escrito

[ycrss-]

Gênio da bola, professor!! Obrigado!!

[demetriodnl]

Parabéns pela explicação, ficou mais claro

[palomapinheiro]

Fantásticas as suas abordagens, professor! Direto e claro como sempre! Grata pelo trabalho 🖖🏼

[sindrade]

Como sempre, esclarecedor.
Show! 👏🏻👏🏻👏🏻

[that_s_guy]

Que legal, dica de ouro. Valeu mesmo.

[joaovictordeoliveira]

Ótima explicação apesar de ter que utilizar uma div a mais, acho o display flex mais prático de usar

[Igor-vkfl]

A minha maior dificuldade no momento é saber quantas divs usar, onde usar, como aninhar. A organização pro layout é muito difícil pra mim atualmente

[marciodavid]

depois que aprendi display grid, nunca mais usei flexbox

[nomadealex]

Professor, quando se trata de boas práticas, é certo utilizar display flex e fazer esse monte de gambiarra com div's ou isso é mal visto no mercado?

[wesleydesigner]

Então na prática o grid deixa o site mais leve ?

[JhonathasMatos]

Muito legal seu conteudo. Eu então poderia fazer meu primeiro layout usando só o grid então, né?