min-width vs max-width prefixes is one of the most common decision points we see. Here is the honest breakdown.
The short version#
Add-up vs cut-down responsive grammars.
Point by point#
| Aspect | Analysis |
|---|---|
| Mental model | min (md:): mobile-first additions; max (max-md:): desktop exceptions |
| Duplication | min chains without gaps; max ranges can overlap |
| Convention | Pick one per element; mixing breeds confusion |
| Nakshora | Both exist; min-first is the documented default |
Bottom line#
Pick based on your constraint, not ideology — and remember the comparison pages link to hands-on recipes so you can verify the claim in your own project within minutes.
Related comparisons#
comparisons/index|All comparisons
