huogerac/css-flexbox-explicado

Os 20% que você precisar saber para resolver 80% dos problemas de layout com flexbox

CSS Flexbox Explicado

Referências

Geral

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• https://sharkcoder.com/layout/flexbox
• https://marina-ferreira.github.io/tutorials/css/flexbox/
• https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
• https://developer.mozilla.org/pt-BR/docs/Learn/CSS/CSS_layout/Flexbox

Para entender flex-grow, flex-shrink e flex-basis

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox#expans%C3%A3o_encolhimento_e_tamanho_dos_elementos_flex

O problema do min-width

• https://makandracards.com/makandra/66994-css-flex-and-min-width
• https://fantasai.inkedblade.net/style/discuss/flexbox-min-size/

CSS width vs flex-basis

• https://mastery.games/post/the-difference-between-width-and-flex-basis/

Flexbox Games

• https://flexboxfroggy.com/
• https://mastery.games/flexboxzombies/

Vídeos

• CSS Flexbox in 100 seconds
• Learn flexbox the easy way

Agradecimentos

• Willian Ribeiro