css функція clamp

У нас є флекс контейнер в якому визначено проміжки:

display: flex; 
gap: clamp(28px, 5vw, 78px);

gap: clamp(28px, 5vw, 78px); — задає динамічну відстань (проміжок) між елементами всередині flex-контейнера через функцію clamp(min, preferred, max):

• 28px (мінімум): відступ не стане меншим за 28 пікселів навіть на найменших екранах (наприклад, на смартфонах).
• 5vw (бажане значення): відступ складає 5% від ширини екрана (Viewport Width). Завдяки цьому проміжок плавно росте або зменшується при зміні розміру вікна.
• 78px (максимум): відступ не перевищить 78 пікселів на дуже широких моніторах.