CSS функции min() и max() Позволяют определять минимальное или максимальное значение элемента. Функция min() возвращает наименьшее значение из набора аргументов. Это позволяет задать значение, которое будет адаптироваться к условиям, но не превысит заданный максимум. Пример использования: width: min(100vw, 600px); В этом примере ширина элемента будет равна 100% ширины окна просмотра (100vw), но не более 600 пикселей. Это означает, что на экранах шириной более 600 пикселей ширина элемента будет ограничена 600 пикселями, в то время как на более узких экранах элемент будет занимать всю ширину экрана. Функция max() возвращает наибольшее значение из набора аргументов. Это позволяет задать минимальное значение, ниже которого размер или другой параметр стиля упасть не могут. Пример использования: width: max(50vw, 300px); В этом случае ширина элемента будет равна 50% ширины окна просмотра (50vw), но не менее 300 пикселей. Это означает, что на экранах шириной менее 600 пикселей (где 50% окажется меньше 300 пикселей) ширина элемента будет фиксированной и равной 300 пикселям, а на более широких экранах элемент будет расширяться, занимая половину ширины экрана. ⚡️ Навыкиверстальщика | CSS