An exploration of intrinsic CSS layouts using flexbox with flex-wrap to handle unknown breakpoints, where the browser determines when items wrap rather than explicit media queries. The key insight is that individual wrapped elements can adapt independently — something impossible with media queries. The post then introduces container queries with a calc-based approach (calc(32ch * 3)) as an even more powerful alternative for responsive layouts without predefined breakpoints.

1m watch time

Sort: