レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単! min(), max(), clamp() の便利な使い方を詳しく解説 | コリス

https://coliss.com/articles/build-websites/operation/css/use-cases-css-comparison-functions.html

clamp() 便利だ。
使用例も参考になる。