Flex Containers
Flexbox is activated on a parent element (the flex container). All direct children automatically become flex items. The container's properties control how items are arranged as a group.
Flex Items
While flex container properties control the group, flex item properties let you override behavior for individual children — giving you fine-grained control over how each item grows, shrinks, and aligns.
Common Flexbox Patterns
Practical examples of Flexbox in the real world.
Flexbox Code Challenges
Test your Flexbox knowledge with progressively harder challenges. Solve each one before revealing the hints.