Creo que muchas personas conocen la tecnología de composición tipográfica CSS como Flexbox. No se han escrito pocos manuales y manuales sobre esta tecnología. Es simple, facilita enormemente el desarrollo de una cuadrícula de proyectos web y es compatible con muchos navegadores modernos. Esto lo convierte en una tecnología popular entre los desarrolladores web.
Al estudiar nuevos conceptos para mí, intento lo más concisamente posible, pero mientras tanto expreso informativamente lo que se está estudiando en forma gráfica, la relación de algunas entidades con otras, su relación y comportamiento. Y flexbox no fue una excepción para mí. Durante varias noches, reuní para mí una "hoja de trucos" sobre tecnología que durante mucho tiempo colgó en mi pared ante mis ojos, hasta que recordé todos los puntos principales de la tecnología.
A mis colegas y amigos, cuya profesión relacionada con el desarrollo web, a menudo se les pedía que compartieran una "hoja de trucos" para uso personal, y esto eventualmente me llevó a compartir mis notas con la comunidad habr.
La infografía se divide en 3 hojas, para facilitar la impresión y el escalado. 1 hoja principal que incluye la descripción general completa de la tecnología y 2 hojas adicionales que simplemente dividen la hoja principal en 2 partes.



Enlaces de archivos de alta resolución