Функция clamp()
Функция clamp() позволяет ограничивать диапазон изменения некоего значения, задавая его нижний и верхний пределы
Значения 150px и 400px будут минимальной и максимальной границами значения соответственно. 75% предпочтительный размер. Это означает, что размер элемента будет варьироваться в зависимости от ширины окна браузера, но никогда не станет меньше, чем 150px, и больше, чем 400px
👉 @FrontendPortal | #CSS
Функция clamp() позволяет ограничивать диапазон изменения некоего значения, задавая его нижний и верхний пределы
.box {
width: clamp(150px, 75%, 400px);
}Значения 150px и 400px будут минимальной и максимальной границами значения соответственно. 75% предпочтительный размер. Это означает, что размер элемента будет варьироваться в зависимости от ширины окна браузера, но никогда не станет меньше, чем 150px, и больше, чем 400px
👉 @FrontendPortal | #CSS