3 Unintuitive #CSS Layout “Solutions”

```
min-width: 0?
flex-shrink: 0?
repeat(auto-fill, minmax(min(10rem, 100%), 1fr))
```

wat?
https://nerdy.dev/3-unintuitive-layout-solutions

Fathers Day 2025 · June 15, 2025

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

nerdy.dev
@argyleink If flex-shrink was called flex-keep-size or something that avoids the double negative it would’ve been easier to reason about perhaps. 😅
@flerox @argyleink part of the confusion is probably because it defines a "shrink factor" i.e. how much the elements shrink relative to each other. But 9/10 times people use it to disable shrinking so they don't really think about it in that context.