Flexbox

The most powerful and popular way to create flexible layouts. Forget floats and painful tables.

Flexbox Concept: Philosophy of Axes

theory

Direction: Axis Flip Effect

theory

Justify-content: Distribution Master

theory

Align-items: Cross Stability

theory

Multi-line: Wrap and Align-content

theory

Sizes: Flex-grow, Shrink, and Basis

theory

Tricks: Order and Margin Auto

theory

Modern Flex: Gap and Future

theory

Flex-basis vs Width: What's the Difference?

theory

Align-content vs Align-items: Final Battle

theory

Common Mistakes: Centering 2.0

theory

Accessibility and Order: Dangerous Games

theory

Workshop: Adaptive Navbar

theory