Acredito que muitas pessoas conhecem a tecnologia de tipagem de CSS como flexbox. Poucos manuais e manuais foram escritos sobre esta tecnologia. É simples, facilita muito o desenvolvimento de uma grade de projetos da web e é suportado por muitos navegadores modernos. Isso a torna uma tecnologia popular entre os desenvolvedores da web.
Estudando novos conceitos para mim, tento da maneira mais concisa possível, mas enquanto isso expresso informativamente o que está sendo estudado em forma gráfica, o relacionamento de algumas entidades com outras, seu relacionamento e comportamento. E o flexbox não foi exceção para mim. Por várias noites, reuni para mim uma visão geral da tecnologia, que durante muito tempo ficou pendurada na parede diante dos meus olhos, até que me lembrei de todos os pontos principais da tecnologia.
Meus colegas e amigos, cuja profissão estava relacionada ao desenvolvimento da Web, costumava compartilhar uma "folha de dicas" para uso pessoal, e isso acabou me levando a compartilhar minhas anotações com a comunidade habr.
Os infográficos são divididos em 3 folhas, para facilitar a impressão e o dimensionamento. 1 folha principal incluindo toda a visão geral da tecnologia e 2 folhas adicionais simplesmente dividindo a folha principal em 2 partes.
Links de arquivo de alta resolução