The idea
min-width and max-width override width — min-width wins over max-width, and both win over width. A fluid box that never gets uselessly narrow or absurdly wide is the backbone of responsive layout.
This level runs at three stage widths, and a different rule binds in each.
Validated at three stage widths: 160px, 260px and 700px, so every clamp is exercised.