レスポンシブ対応する時に、どうしても綺麗に要素が収まらない時のほぼ完璧な対処法 | セカヤサブログ

https://itokoba.com/archives/4267

clamp 知らなかった。こういう用途に便利そうな指定だ。

ブラウザのサポート状況も問題なさそう。

https://caniuse.com/css-math-functions

サンプルも分かりやすい。
https://itokoba.com/demos/clamp/