Flexbox is a remarkably powerful layout mode. It uses fluid principles to create a layout that flows seamlessly. When we truly understand how it works, we can build dynamic layouts that respond automatically. We'll build an intuition for how the Flexbox algorithm works, by learning about each of these properties.

23m read timeFrom joshwcomeau.com
Post cover image
Table of contents
IntroductionLink to this heading Introduction to FlexboxLink to this heading Flex directionLink to this heading AlignmentLink to this heading Hypothetical sizeLink to this heading Growing and shrinkingLink to this heading The minimum size gotchaLink to this heading GapsLink to this heading WrappingLink to this heading You made it!Link to this heading Bonus: Unpacking the demo
42 Comments

Sort: