Heydon Pickering • 1/13/2019

The Flexbox Holy Albatross

The article details a developer's struggle with a specific CSS Flexbox layout challenge: preventing awkward intermediate wrapping states (like 2+1 items) when resizing. It rejects traditional media queries as insufficient for component-based design systems and explores the need for container queries. The proposed solution uses JavaScript and the ResizeObserver API to create a custom breakpoint system based on the container's width, not the viewport.

0 comments

#css #responsive design #flexbox