⬆️ ⬇️

Flexbox. Technology infographics

I believe many people know the technology of css layout, like flexbox. This technology is written quite a few manuals and manuals. It is simple, it greatly facilitates the development of a web project grid and is supported by many modern browsers. This makes it a popular technology among web developers.



Studying new concepts for me, I try to be as concise as possible, but meanwhile, it is informative to express what is being studied graphically, the relationship of some entities to others, their interconnection and behavior. And flexbox was no exception for me. For several evenings, I gathered for myself a review "cheat sheet" by technology, which for a long time hung on my wall before my eyes, until I remembered all the main points on technology.



My colleagues and friends, whose profession related to web development was often asked to share a “cheat sheet” for personal use, and this eventually led me to share my own notes with the habra community.



Infographics are divided into 3 sheets for easy printing and scaling. 1 main sheet including the whole review of technology, and 2 additional sheets that simply break the main sheet into 2 parts.

')

Flex-Box-2505x1596

Flex-Box-sheet-A-1920x2447

Flex-Box-sheet-B-1920x2447



High resolution file links
Flexbox common

Flexbox sheet A

Flexbox sheet B

Source: https://habr.com/ru/post/431014/



All Articles