● min()

min() は CSS 関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最小の (最も負である) 値を設定できます。

例

.box {
　width: 50vw;
　max-width: 600px;
}

　　↓　同じ

.box {
  width: min(50vw, 600px);
}

引用 : https://bit.ly/3s1fI4J

● max()

max() は CSS の関数で、 CSS プロパティの値としてカンマで区切られた式のリストから最大の (最も正である) 値を設定できます。

.box {
　width: 50vw;
　min-width: 400px;
}

　　↓　同じ

.box {
  width: max(50vw, 400px); 
}

引用 : https://bit.ly/3s1fI4J

● minmax()

minmax() は CSS の関数で、寸法の範囲を min 以上、 max 以下で定義します。 CSS グリッドで使用されます。

display: grid; 用です。

● clamp()

clamp() は CSS の関数で、値を上限と下限の間に制限します。 clamp() によって、定義された最大値と最小値の間の値を選択することができます。最小値、推奨値、最大値の3つの引数を取ります。

.box {
  width: clamp(400px, 50vw, 600px);
}